JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<div id="wrapper">
  <img id="img1" src="http:webentwicklung.ulrichbangert.de/images/2015-02-28_Gegensteine_03.jpg">
  <img id="img2" src="http:webentwicklung.ulrichbangert.de/images/2015-02-28_Gegensteine_05.jpg">
</div>

CSS

body {
  margin: 0;
}

#wrapper {
  width: 100vw;
  height: 50vw;
  position: relative;
}

#wrapper img {
  position: absolute;
}

#img1 {
  width: 40%;
  left: 10%;
  top: 5%;
}

#img2 {
  width: 30%;
  left: 60%;
  top: 50%;
}