.dashboard-cover {
    width: 100%;
    height: auto; /* Adjust height dynamically */
    padding: 0;
    position: relative;
    overflow: hidden; /* Prevents overflow issues */
}

.dashboard-cover img {
    width: 105%;
    height: auto; /* Ensures image scales properly */
    object-fit: cover;
    position: relative;
}

/* Default: Show desktop image, hide mobile image */
#dashboard-cover-desktop {
    display: block;
}

#dashboard-cover-mobile {
    display: none;
}

/* Mobile view: Show mobile image, hide desktop image */
@media screen and (max-width: 768px) {
    
    #dashboard-cover-desktop {
        display: none;
    }

    #dashboard-cover-mobile {
        display: block;
        width:100%;
        height: 110px; /* Ensures it fills the screen */
        object-fit: cover;
    }
}