JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box1"></div>
<div class="box"></div>

CSS

body {
  margin: 0;
}
.box1 {
  width: 100%;
  padding-top: 50%;
  background: url(https://picsum.photos/1200/600) no-repeat;
  position: absolute;
  background-position: 0 0;
}
.box {
  width: 30%;
  padding-top: 50%;
  background: url(https://picsum.photos/1200/600) no-repeat;
  position: absolute;
  background-size: auto;
  top: 20%;
  left: 20%;
  background-position: 20%  20%;
}