html{height: 100%;}

 body{
   background-color: aliceblue;
   height: 100%;
   margin: 0;
 }
 h1{
   text-align: center;
   color: blue;
   font-size: 3rem;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }
img{
   height: 150px;
   width: 150px;
}
/*
 .images-container{
    display: flex;
    gap: 40px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
 }

 .carousel{
   padding: 1rem;
   background: white;
   box-shadow: grey 0px 22px 70px 4px;
   border-radius: 8px;
   max-width: 900px;
   width: 85vw;
   margin: auto;
 }

 .images-container img{
   scroll-snap-align: start;
   height: 150px;
   width: 150px;
 }
 */
 .image-container{
display: flex;
background-color:burlywood;
overflow: auto;
white-space: nowrap;
padding: 10px;
scroll-snap-type: x mandatory;
width: 400px;
 }

 .image-container img{
   padding: 10px;
   scroll-snap-align: start; 
 }

 .mid{
  width: 100%;
  position: relative;
  display: flexbox;
  height: 200px;
  left: 35%;
 }