.carousel-cell {
  margin-right: 20px;
  overflow: hidden;
  width: auto;
  object-fit: fill;
}

.carousel-cell img {
  display: block;
  height: 200px;
}

@media screen and ( min-width: 768px ) {
  .carousel-cell img {
    height: 80vh;
  }
}
  .flickity-button-icon {
    fill: var(--White);
  }
  .flickity-button {
    background: var(--Black);
    opacity: 0.5;
  }
  .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: var(--Pink);
  }

  .flickity-page-dots .dot.is-selected {
    background: var(--Yellow);
  }
  .flickity-button{
    box-shadow: none;
    transform: none;
  }
  .flickity-button:active {
    transform: translateY(5px)
  }
  .flickity-button:hover {
    background: var(--Black);
    opacity: 1;
    
  }