JSFiddle - React, Tailwind, and code Playground

by jmaxwell21

HTML

<div class="photo-container">
      <div class="photo" >     
      </div>
      <div background-image="http://www.gravatar.com/avatar/">   
      </div>
</div>
<div>

SCSS

.photo-container {
  width: 50vw;
  height: 50vw;
  background: red;
  display: flex;
  
  div.photo {
    width: 100%;
    background-image: url('https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png');
    background-size: contain;    
    background-repeat: norepeat;
  }
}