.carousel-caption {
    background-color: var(--color-highlight-5);
    padding: 1.25rem 0.75rem;
}
@media(max-width:1023px) {
    .carousel-item {
        height: 300px;
    }
    .carousel-item img {
        height: 300px;
    }
}
@media(min-width:1024px) and  (max-width:1600px) {
    .carousel-item {
        height: 500px;
    }

    .carousel-caption h5 {
        font-size: 2.5rem;
    }

    .carousel-caption p {
        font-size: 1.5rem;
    }
}
@media(min-width:1600px) and (max-width:2600px) {
    .carousel-item {
        height: 800px;
    }

    .carousel-caption h5 {
        font-size: 3.5rem;
    }

    .carousel-caption p {
        font-size: 2.5rem;
    }
}
@media(min-width:2600px) {
    .carousel-item {
        height: 1200px;
    }

    .carousel-caption h5 {
        font-size: 4rem;
    }

    .carousel-caption p {
        font-size: 3rem;
    }
}
.carousel-control-next-icon , .carousel-control-prev-icon {
    background-color:var(--color-highlight-5);
}
.carousel-item img {
    height: inherit;
    object-fit: cover;
}