html
{
   width:-webkit-fill-available;
    height:-webkit-fill-available;
} 




.bbb {
display:grid;
grid-auto-flow: column;
overflow-x:auto;
scroll-snap-type: x mandatory;  
align-items:center;
min-height:90vh;

}

.bbb::-webkit-scrollbar {
  display: none;
}  

.aaa {
width:100vw;
display: grid;
grid-template-columns:1fr;
justify-items:center;
scroll-snap-align: start;
position:relative;
}
.prv {
    position:absolute;
    left:0;
    top:50%;
    padding:1em;
    
}

.nxt {
    position:absolute;
    right:0;
    top:50%;
    padding:1em;
}

.aaa img {

max-width:95vw;
max-height:90vh;


}