<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="data:;base64,iVBORw0KGgo=" />
<style>
.paper {
width: 8.5in;
height: 11in;
overflow: hidden;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
background-color: gainsboro;
}
.img1, .img2 {
width: 7in;
height: 5in;
}
.img1 {
background-color: blue;
}
.img2 {
background-color: yellow;
}
</style>
</head>
<body>
<div class="paper">
<div class="img1"></div>
<div class="img2"></div>
</div>
</body>
</html>