#overlay {
    position: fixed;
    inset: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.zoomImg {
    cursor: pointer;
    position: absolute;
    object-fit: cover;
    transition: all 0.7s ease-in-out;
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 1;
}

.text-display {
    opacity: 0;
    transition: all 0.7s ease-in-out;
}

.zoomImgHover {
    width: 300px;
    height: 380px;
    /* border-top-left-radius: 150px;
    border-top-right-radius: 190px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 120px; */
    left: calc(50% - 300px/2);
    top: calc(50% - 350px/2);
    transform: translate(0%, 0%);
    transform: rotate(15deg);
}

.text-hover {
    opacity: 1 !important;
    transition: all 0.7s ease-in-out !important;

}

/* #overlay:hover .text-display {
    opacity: 1;
    transition: all 0.7s ease-in-out;

} */

#bottom-overlay {
    bottom: -150px;
    height: 0;
    transition: all 0.3s linear;
    transform: 'height(0)';
}

@media (max-width:987px) {
    #bottom-overlay {
        max-height:420px !important;
    }
    #enter-site {
        margin-bottom: -20px;
    }
}