/* Полный экран + отсутствие прокрутки */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

/* Контейнер для картинки */
.image-wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
}

/* Picture */
picture {
    width: 100%;
    height: 100%;
    display: block;
}

.fullscreen-img {
    width: 100vw;
    height: 100vh;
    object-fit: contain;
    object-position: center center;    
    display: block; 

    opacity: 1;
    transition: opacity 0.5s ease;
}

.fullscreen-img.loaded {
    opacity: 1;
}
/* Лёгкое затемнение (опционально) */
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.18); /* можно отключить, если не нужно */
    pointer-events: none;
}