JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<div class="amazon_logo"></div>
<div class="apple_logo"></div>

CSS

.amazon_logo, .apple_logo, .google_logo, .microsoft_logo {
  background: url('//res.cloudinary.com/demo/image/sprite/w_100,dpr_2.0/v1543969426/logo.png') no-repeat;
}
.amazon_logo { background-position: 0px 0px; width: 100px; height: 24px; background-size: cover;}
.apple_logo { background-position: 0px -49px; width: 100px; height: 122px; background-size: cover;}
.google_logo { background-position: 0px -294px; width: 200px; height: 69px; }
.microsoft_logo { background-position: 0px -365px; width: 200px; height: 65px; }