JSFiddle - React, Tailwind, and code Playground

HTML

<div class="awesome nograd"></div>

CSS

div {
    height: 300px; width: 300px;
    background-color: blue;
    border: 1px solid black;
}

.awesome {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,142,190,1)),to(rgba(188,22,93,1)));
    background-image: -moz-linear-gradient(top, rgba(255,142,190,1), rgba(188,22,93,1));
}

.awesome.nograd {
    background-image: none;
}