body{
    margin:0;
}

/* contenedor principal */
.menu{
    height:100%;
    overflow-y:auto;
    scroll-snap-type:y mandatory;
}

/* cada imagen ocupa una pantalla */
.item{
    height:100%;
    width:100%;
    scroll-snap-align:start;
}

/* imagen adaptable */
.item img{
    width:100%;
    height:100%;
    object-fit:contain; /* se adapta sin deformarse */
}

/* pantallas grandes */
@media (min-width: 900px){
    .item img{
        object-fit:contain;
        background:black; /* rellena los lados si sobra espacio */
    }
}