JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper"><a href="#"><img alt="Test Large" class="large" src="http://prizem.dreamhosters.com/test/test_large.jpg"></a><a href="#"><img alt="Test Small 1" class="small" src="http://prizem.dreamhosters.com/test/test_small_1.jpg"></a><a href="#"><img alt="Test Small 2" class="small" src="http://prizem.dreamhosters.com/test/test_small_2.jpg"></a></div>

CSS

img {
  float: left;
}

img.large {
  width: 70%;
  margin-bottom: -2px;
}

img.small {
  width: 30%;
  margin-bottom: -1px;
}
.wrapper {overflow:hidden;}