JSFiddle - React, Tailwind, and code Playground

by gcarames

CSS

background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(97, 98, 116, .5)),
url('https://www.infobae.com/new-resizer/75T6oJYJ13iNupRqjcCONWr9DuI=/750x0/filt…s-client-uploads/infobae-wp/wp-content/uploads/2017/11/22164032/class8.jpg');

background: url("IMAGE_URL") no-repeat left top, linear-gradient(#eb01a5, #d13531);

background: linear-gradient(to right, rgba(39, 72, 162, 0.70), #1d316a), url("http://s3.amazonaws.com/arc-wordpress-client-uploads/infobae-wp/wp-content/uploads/2017/11/22164032/class8.jpg") 50% 50% no-repeat, linear-gradient(to right, rgba(39, 72, 162, 0), #1d316a);
            background-size: cover;