.logo img {
width: 100%;
}
.logo:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    width: 70px;
    height: 100%;
    background: rgb(255 253 224 / 77%);
    transform: skewX(12deg);
    animation-name: slide;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.46, 0.47, 0.01, 0.03);
    /*ease-in-out;*/
    animation-delay: .1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    /*background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );*/
    background: linear-gradient( to right, #5caef387 0%, rgba(255, 255, 255, 0.13) 77%, rgb(145 167 144 / 45%) 92%, rgba(255, 255, 255, 0.0) 100% );
}
@keyframes slide {
  0% {
    left: -100;
    top: 0;
  }
  50% {
    left: 120px;
    top: 0px;
  }
  100% {
    left: 290px;
    top: 0;
  }
}