.homepage-carousel {
      position: relative;
      width: 100%;
      overflow: hidden;
    .carousel-slide {
        position: absolute;
        width: 100%;
        left: 0; 
        top: 0;
        opacity: 0;
        animation: carouselAni 16s infinite;
        transition: opacity 0.5s;
        img {
            display:block;
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    }
}

/* Animating the slides */
.carousel-slide:nth-child(1) { animation-delay: 0s; position:relative;  }
.carousel-slide:nth-child(2) { animation-delay: 4s; }
.carousel-slide:nth-child(3) { animation-delay: 8s; }
.carousel-slide:nth-child(4) { animation-delay: 12s; }

@keyframes carouselAni {
  0%    { opacity: 0; }
  5%    { opacity: 1; }
  25%   { opacity: 1; }
  30%   { opacity: 0; }
  100%  { opacity: 0; }
}