JSFiddle - React, Tailwind, and code Playground

by tuanhnt1712

HTML

<div></div>
<img src="http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg" />

CSS

div {
    background-color  : #000;
    border            : 1px solid red;
    background-image  : url(http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    background-size   : 100% auto;
    background-size   : contain;
    width             : 300px;
    height            : 300px;
}