.time-slider.swiper-container {

    height: 100%;

}

.card-1x1 .card-image img {

  aspect-ratio: 1/1;

  object-fit: cover;

}

.card-8x13 .card-image img {

  aspect-ratio: 8/13;

  object-fit: cover;

}



.card-timeline .card-image img {

  aspect-ratio: 8/13;

  object-fit: cover;

}

.timeline-img {

  height: 100%;

  width: 120%;

  border-radius: 0;

  margin-left: -15px;  

}

.time-slider .timeline-slide {

    width: 100%;

    height: 100%;

}

.timeline-slide{

    position: relative;

    min-width: 224px;

    height: 277px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    transition-property: transform;

    max-width: 100%;

}

.card-image-footer h2.timel {

  font-size: 21px;

  line-height: 24px;

  padding-bottom: 9px;

}

.card-footer h3.timel {

  font-size: 16px;

  line-height: 18px;

  margin-block-start: 5px;

  margin-block-end: 5px;

}