200€ OFFERTS*
POUR TOUT REMPLACEMENT DE PARE-BRISE EN CENTRE OU A DOMICILE

/* -- The root styles must go in the element of the structure with the name "Hero Section". --*/
.cta-42 {
  --cta-42-speed-animation: 10s;
  --cta-42-transparency-size: 50px;

  .cta-42__container-img{

    /* Column left styles */
    .cta-42__column:first-child{    
      .cta-42__column-img {
        animation-name: vertical-scroll-btt;
        animation-duration: var(--cta-42-speed-animation);
        animation-iteration-count: infinite;
        animation-timing-function: linear;

        .cta-42__img-wrapper{
          margin-bottom: var(--space-m);
        }
      }
    }
    
      /* Column centre styles */
    .cta-42__column:nth-child(2){    
      .cta-42__column-img {
        animation-name: vertical-scroll-ttb;
        animation-duration: var(--cta-42-speed-animation);
        animation-iteration-count: infinite;
        animation-timing-function: linear;

        .cta-42__img-wrapper{
          margin-bottom: var(--space-m);
        }
      }
    }

    /* Column right styles */
    .cta-42__column:last-child{
      .cta-42__column-img{
        animation-name: vertical-scroll-btt;
        animation-duration: var(--cta-42-speed-animation);
        animation-iteration-count: infinite;
        animation-timing-function: linear;

        .cta-42__img-wrapper{
          margin-top: var(--space-m);

          @media(max-width: 991px){
            margin-top: var(--space-s);
          }
        }
      }
    }

    /* Tablet Styles */
    @media(max-width:991px){

      /* If you do not want the gradient masks at the top and bottom you can remove these styles */
      -webkit-mask-image: linear-gradient(to bottom, #000, #000, transparent 0, #000 var(--cta-42-transparency-size));
    }
  }
}



/*-- Animation bot to top ↑ --*/
@keyframes vertical-scroll-btt {
  from {transform: translateY(0%);}
  to {transform: translateY(-100%);}
}

/*-- Animation top to bot ↓ --*/
@keyframes vertical-scroll-ttb {
  from {transform: translateY(-100%);}
  to {transform: translateY(0%);}
}