.bg-carousel{
    
    background-color: var(--clr-dark);
    padding-bottom: 30px;
}
.f-carousel {
    --f-carousel-slide-width: 100%;
    background-color: var(--clr-dark);
    margin-bottom: 0px;
  }
  
.f-carousel.has-dots{
margin-bottom: 0px;
}
  @media (min-width: 768px) {
    .f-carousel {
      --f-carousel-slide-width: calc(100% / 3);
    }
  }
.f-carousel__slide{
    height: 100%;
    min-height: 40vh;
    background-position: center center;
    background-size: cover;
}