.shine-animation-overlay {
  &:after {
    animation: shineEffectOverlay 7s ease-in-out  infinite;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    top: -50%;
    left: -350%;
    width: 300%;
    height: 150%;
    opacity: 0;
    transform: rotate(60deg);
    background: rgba(255, 255, 255, 0.25);
    background: linear-gradient(
          to right,
          rgba(255, 255, 255, 0.25) 0%,
          rgba(255, 255, 255, 0.25) 77%,
          rgba(255, 255, 255, 0.6) 92%,
          rgba(255, 255, 255, 0.0) 100%
      );
  }
}
@keyframes shineEffectOverlay{
  10% {
    opacity: 1;
    left: -350%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }

  50% {
    opacity: 0;
    left: 250%;
    transition-property: left, top, opacity;
  }

  100% {
    opacity: 0;
    left: 250%;
    transition-property: left, top, opacity;
  }
}