Overlay pictures

Overlay pictures.html

<!-- Sample code to overlay pictures -->
<div class="height-100vh center-aligned">
<!--     Background image or banner -->
  <img class="background-image" src="http://i.imgur.com/1aBfM.png" />
<!--     Uploaded image -->
  <img src="http://i.imgur.com/DH3Qw.png" class="text">
</div>

<style type="text/css">
	body {
  margin: 0px;
}

.height-100vh {
  height: 100vh;
}

.center-aligned {
  display: box;
  display: flex;
  box-align: center;
  align-items: center;
  box-pack: center;
  justify-content: center;
}

.background-image {
  position: relative;
}

.text {
  position: absolute;
}
</style>