JSFiddle - React, Tailwind, and code Playground

HTML

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<div class="col-sm-24 col-md-8 section-2 section" style="background-image: url('https://external.xx.fbcdn.net/safe_image.php?d=AQD0jbn3FeE4TUol&amp;url=http%3A%2F%2Fgoodnewsshared.com%2Fwp-content%2Fuploads%2F2016%2F10%2Frsz_shitima_markit_2.jpg');">

CSS

.section-1, .section-2, .section-3, .section-4 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
   box-shadow:inset 0 0 0 2000px rgba(84,179,234,0.3);
   background-blend-mode: multiply;
    height:375px;
}