JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>

CSS

.test{
  width: 500px;
  height: 300px;
    background-image: linear-gradient(70deg, rgba(46, 204, 113, 1) 20%, rgba(46, 204, 113, .7)20%, rgba(46, 204, 113, .7)30%, rgba(46, 204, 113, .5)30%, rgba(46, 204, 113, .5)40%, rgba(46, 204, 113, 0)40%), url('https://f.vividscreen.info/soft/95b5515240a0bc8457c22c81a1b6dec4/Green-BMW-Coupe-2560x1600.jpg');
    background-size: cover;

}