.slider-container {
    display: flex;
    height: 85vh;
    width: 100%;
}

.slider {
    flex: 1;
    position: relative;
    transition: flex 0.5s ease;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: #fff solid 2px;
}

/* .slider.expanded {
    flex: 5 !important;
} */

.slider:hover {
    flex: 5; /* Expand the hovered slider */
}

.slider:not(:hover):not(:first-child) {
    flex: 1; /* Ensure others shrink when one is hovered */
}

.slider .content {
    color: white;
    position: absolute;
    bottom: 250px;
    /* left: 20px; */
    z-index: 2;
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
}

.slider h2 {
    margin: 0;
    font-size: 2em;
    color: #fff;
    text-shadow: none;
}
.double .slider h2
{
    font-size: 16px;
}

.slider p {
    font-size: 1.2em;
}

/* Overlay to darken the background for better text contrast */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Transparent dark overlay */
}