#myCarousel {
  --f-arrow-pos: -40px;
  --f-arrow-bg: var(--blue-primary);
  --f-arrow-hover-bg: var(--blue-second);
  --f-arrow-color: var(--white);
  --f-arrow-width: 40px;
  --f-arrow-height: 40px;
  --f-arrow-svg-width: 20px;
  --f-arrow-svg-height: 20px;
  --f-arrow-svg-stroke-width: 2px;
  --f-arrow-border-radius: 50%;

  height: 600px;
}

#myCarousel .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

#myCarousel img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}

@media only screen and (max-width: 600px) {
  #myCarousel {
    --f-arrow-pos: -15px;
  }
}