JSFiddle - React, Tailwind, and code Playground

by OjisanSeiuchi

HTML

<img src="http://4.bp.blogspot.com/-_RGnR7HfoPg/UY_x7oMzhOI/AAAAAAAAFOY/leu6XS0CQBg/s1600/growler.jpg">

<div id="flag"></div>

CSS

img {
border-radius: 0px;
padding: 0px;
margin: 0px;
padding-bottom: -10px;
border: 5px solid red;
display: inline-block;
}

#flag {
  background: transparent url(http://4.bp.blogspot.com/-_RGnR7HfoPg/UY_x7oMzhOI/AAAAAAAAFOY/leu6XS0CQBg/s1600/growler.jpg) 50% 50% no-repeat;
  min-width: 200px;
  min-height: 200px;
  box-shadow: inset 0 0 0 10px rgba(0, 255, 0, 0.5);
}