#bg_feature_wrapper{
    position: absolute;
	height: 95vh;
    width: 100vw;
    display: inline !important;
    float: left;
    overflow-x: scroll;
    white-space: nowrap;
   
}
#bg_feature_wrapper > img{
    max-height:100%;

}

/* Media Query for Mobile Devices */
/* Mobile-specific styles */
@media (max-width: 768px) {
    #bg_feature_wrapper {
        position: relative; /* Change to relative for better mobile handling */
        height: 95vh; /* Make it scrollable within the viewport */
        width: 100%; /* Full width for mobile */
        display: flex; /* Use flexbox for vertical layout */
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center align images horizontally */
        overflow-y: scroll; /* Enable vertical scrolling */
        overflow-x: hidden; /* Disable horizontal scrolling */
        white-space: normal; /* Allow natural wrapping */
    
        background-color: #000;
    }

    #bg_feature_wrapper > img {
        max-width: 90%; /* Adjust width for responsiveness */
        height: auto; /* Keep aspect ratio */
        padding: 5px; /* Add padding */
        display: block; /* Ensure images are in their own line */
        margin: 0 auto; /* Center align images */
    }
}