<!DOCTYPE html>
<html>
<head>
<style>
#container {
position: relative;
width: 60%;
aspect-ratio: 2/3;
margin: auto;
border: solid black 2px;
}
#topDiv {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.8);
color: white;
}
#imgDiv {
position: absolute;
inset: 0 0 0 0;
padding-top: 40px;
overflow-x: hidden;
overflow-y: scroll;
scroll-snap-type: y mandatory;
scroll-padding-top: 30px;
}
#imgDiv > img {
width: 95%;
margin: 2px;
scroll-snap-align: start none;
}
</style>
</head>
<body>