JSFiddle - React, Tailwind, and code Playground

HTML

<div id="graphic">lorem ipsum</div>

CSS

#graphic {
    width: 200px;
    height: 100px;
    position: relative;
}
#graphic:before {
    content: '';
    
    position: absolute;
    width: 200px;
    height: 50px;
    z-index: -1;
    
    background-image: url(https://s3.amazonaws.com/uploads.hipchat.com/44239/295066/Xf8he9yn8CWnWKw/product-item4-background.png); /* Image is 500px by 500px, but only 200px by 50px is showing. */
}