.navbar-container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.navbar-overlay, .navbar-overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.navbar-overlay::before {
  content: '';
  position: absolute;
  top: 0%;
  left: 0%; 
  width: 300px;
  height: 1000px; 
  background-color: rgba(155, 155, 155, 0.1); 
  transform: rotate(-30deg) translateX(-300px); 
  animation: slide-bar-one 30s infinite ease-in-out;
}

@keyframes slide-bar-one {
  0% {  transform: rotate(-30deg) translateX(-300px); }
  50% {  transform: rotate(-30deg) translateX(2000px); }
  100% {  transform: rotate(-30deg) translateX(-300px); }
}

.navbar-overlay2::before {
  content: '';
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100px;
  height: 1000px;
  background-color: rgba(155, 155, 155, 0.1); 
  transform: rotate(-30deg) translateX(2000px);
  animation: slide-bar-two 20s infinite ease-in-out;
}

@keyframes slide-bar-two {
  0% { transform: rotate(-30deg) translateX(2000px)  }
  50% { transform: rotate(-30deg) translateX(-300px); }
  70% { transform: rotate(-30deg) translateX(2000px); }
}