JSFiddle - React, Tailwind, and code Playground

by vals

HTML

<div class="foo"></div>
<div class="foo2"></div>

CSS

div.foo {
    width: 100px;
    background-size: 400px 100px;
    background: red url(http://placekitten.com/400/100) no-repeat 50% 0;
    height: 100px;
  
    background-position: -32% 0; /* Disappear to the left */
}

div.foo2 {
    width: 400px;
    background-size: 100px 100px;
    background: red url(http://placekitten.com/100/100) no-repeat 50% 0;
    height: 100px;
  
    background-position: 132% 0; /* Disappear to the left */
}