/* #enlargeImg {
    cursor: pointer;
    transition: transform 0.5s;
    max-width: 100%;
}

.enlarged {
    transform: scale(2); 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
} */

#enlargeImg {
    cursor: pointer;
    transition: transform 0.5s;
    max-width: 100%;
}

.enlarged {
    transform: scale(2); /* Double the size for the enlargement effect */
        width: 100%;
    z-index: 1000;
}