JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<div id="iframe"></div>

CSS

#iframe {
  height: 270px;
  width: 480px;
  background-color: red;
  position: absolute;
}

#iframe::after {
  content:"";
  background: url("http://via.placeholder.com/100");
  background-size: cover;
  height: 100px;
  width: 100px;
  display: block;
  position: absolute;
  bottom: 0;
  right: -120px;
}

#iframe::after:hover {
  height: 200px;
}