JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logo">
  </div>




<div class="logo2">

</div>

CSS

.logo {
    background-image: url('https://lh5.ggpht.com/tq3WqEUxtRyBn-d_0t3j6WKNHuJDrmLq-FE3GAYrsAMQFIaS7FIgRLfzzql2SvfvLqto=w300-rw');
 display: block;
  position: relative;
  width: 316px;
  height: 300px;
  padding-bottom: 20%;
  background-size: 100%;
  background-repeat: no-repeat
}

.logo2 {
    background-image: url('https://i.ytimg.com/vi/SfBR9aGrk9k/maxresdefault.jpg');
    no-repeat: true;
 display: block;
  position: relative;
  width: 316px;
  height: 300px;
  padding-bottom: 20%;
  background-size: 100%;
  background-repeat: no-repeat
}