<link rel="stylesheet" href="style.css" />
<div class="wrapper">
  <div class="scrolls"><img src="https://petertilley.github.io/10.jpg" /><img src="https://petertilley.github.io/9.jpg" /><img src="https://petertilley.github.io/8.jpg" /><img src="https://petertilley.github.io/7.jpg" /><img src="https://petertilley.github.io/6.jpg" /><img src="https://petertilley.github.io/5.gif" /><img src="https://petertilley.github.io/4.jpg" /><img src="https://petertilley.github.io/3.gif" /><img src="https://petertilley.github.io/2.jpg" /><img src="https://petertilley.github.io/1.gif" />
  </div>
  </div>

.wrapper {   

    }
    .scrolls { 
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100vh;
		margin: -8px;
		padding: 0px;
    white-space:nowrap
    } 
    .imageDiv img { 
        margin: 0px;
        max-height: auto;
        cursor: pointer;
		padding: 0px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:center;
    }
img
{
height:90vh;

}
}