JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<div></div>

CSS

div {
 width: 50px;
height: 50px;    
    padding-left: 50px;
     background-image: -webkit-linear-gradient(top,#FFF -50%,#000 50%); 
background-position: left top; 
}
div:before {
    content: '';
    
    display: block;
height: 50px;
width: 50px;
 background-image: url(http://placedog.com/100/100); 
background-position: right bottom;    

}