@keyframes roll-left {
    from {
      margin-left: 0px;
    }

    5% {
      margin-left: 0px;
    }

    15%,
    25% {
      margin-left: -225px;
    }

    35%,
    45% {
      margin-left: -375px;
    }

    55%,
    65% {
      margin-left: -550px;
    }

    75%,
    85% {
      margin-left: -700px;
    }

    90% {
        margin-left: -700px;
    }
  
    to {
      margin-left: 0px;
    }
  }

  @keyframes high-img-1 {
    from {
      opacity: 0.5;
    }

    10% {
      opacity: 0.5;
    }

    15%,
    25% {
      opacity: 1;
    }

    30% {
      opacity: 0.5;
    }

    90% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes show-info-1 {
    from {
      opacity: 0;
    }

    10% {
      opacity: 0;
    }

    15%,
    25% {
      opacity: 1;
    }

    30% {
      opacity: 0;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes high-img-2 {
    from {
      opacity: 0.5;
    }

    30% {
      opacity: 0.5;
    }

    35%,
    45% {
      opacity: 1;
    }

    50% {
      opacity: 0.5;
    }

    90% {
        opacity: 0.5;
    }
  
    to {
      opacity: 1;
    }
  }

  @keyframes show-info-2 {
    from {
      opacity: 0;
    }

    30% {
      opacity: 0;
    }

    35%,
    45% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes high-img-3 {
    from {
      opacity: 0.5;
    }

    50% {
      opacity: 0.5;
    }

    55%,
    65% {
      opacity: 1;
    }

    70% {
      opacity: 0.5;
    }

    90% {
        opacity: 0.5;
    }
  
  
    to {
      opacity: 1;
    }
  }

  @keyframes show-info-3 {
    from {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    55%,
    65% {
      opacity: 1;
    }

    70% {
      opacity: 0;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes high-img-4 {
    from {
      opacity: 0.5;
    }

    70% {
      opacity: 0.5;
    }

    75%,
    85% {
      opacity: 1;
    }

    90% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes show-info-4 {
    from {
      opacity: 0;
    }

    70% {
      opacity: 0;
    }

    75%,
    85% {
      opacity: 1;
    }

    90% {
      opacity: 0;
    }

    to {
      opacity: 0;
    }
  }