JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="preview-slider">
        <img src="https://www.stampaparati.it/public/front/img/scene/bar/bar-w.png">
    </div>
</div>

CSS

#preview-slider {
    background-image: url(https://www.stampaparati.it/public/front/img/scene/bar/bar.png), url(https://www.stampaparati.it/libreria/pattern/food/FOO-000043.jpg);
    background-size: 100%, 100px;
    background-blend-mode: multiply;
    width: 820px;
    height: 350px;
}
#preview-slider{width:768px;height:auto}
#preview-slider img{width:100%}