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');
    background-repeat: no-repeat;
    width: 316px;
    height: 300px;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}

.logo2 {
    background-image: url('https://i.ytimg.com/vi/SfBR9aGrk9k/maxresdefault.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 316px;
    height: 300px;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}