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