/* Further reduce Homepage Slider Height */
.view-slideshow-boxed-width,
.view-slideshow-boxed-width .carousel,
.view-slideshow-boxed-width .carousel-inner,
.view-slideshow-boxed-width .carousel-item,
.view-slideshow-boxed-width img {
    height: 340px !important;     /* Change this number if you want it even shorter */
    max-height: 340px !important;
    overflow: hidden !important;
}

/* Ensure images maintain focal point and fill the full width */
.view-slideshow-boxed-width img {
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Reposition overlay buttons and text inside the shorter frame */
.view-slideshow-boxed-width .carousel-caption {
    bottom: 15px !important;
    padding-bottom: 5px !important;
}

.view-slideshow-boxed-width .carousel-caption h2,
.view-slideshow-boxed-width .carousel-caption .h2 {
    font-size: 1.5rem !important; /* Slightly scales down heading to match shorter box */
    margin-bottom: 8px !important;
}