JSFiddle - React, Tailwind, and code Playground

by Chan Wu

HTML

<div class="flower1"></div>
<div class="flower2"></div>

CSS

.flower1 {
    width: 300px;
    height: 300px;
    border: 1px solid red;
    background-image: url(http://3.bp.blogspot.com/-JARG2K5aUYI/T3XPWVuKPWI/AAAAAAAAE3s/xrm6YFdA3Ps/s1600/flower239.gif);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50%;
}
.flower2 {
    width: 150px;
    height: 150px;
    border: 1px solid red;
    background-image: url(http://3.bp.blogspot.com/-JARG2K5aUYI/T3XPWVuKPWI/AAAAAAAAE3s/xrm6YFdA3Ps/s1600/flower239.gif);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50%;
}