JSFiddle - React, Tailwind, and code Playground

by moshfeu

HTML

<div class="yourElement">
  blablabla
</div>

CSS

.yourElement {
    text-align: right;
    width: 725px;
    height: 478px;
    background: url('http://www.redwoodhikes.com/RNP/TallTrees2.jpg');
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
}