@import url('bootstrap.css');

.image-popup {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    max-width: 500px;
    display: none;
}

@media (max-width: 576px) {
    .image-popup {
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 90%;
        max-width: none;
        margin: 0;
        border-radius: 0;
    }
    .image-popup img {
        object-fit: contain;
        height: calc(80%);
    }
}