JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div class="contain"></div>

CSS

.contain {
  height: 250px;
  border: 4px solid green;
  background: url(http://placeimg.com/200/100/any) no-repeat;
  background-position: center 80%; /* coverやcontainの場合拡大・縮小の起点となる */
  background-size: cover;
}