JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="child">
        Text
    </div>
</div>

CSS

#container
{
    border: 1px solid #666;
    height: 10em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(http://www.openclipart.org/people/Map2Map/Waveski_Rear.svg);

}

#child
{
    background: rgb(255, 255, 255);
    transition: background 0.5s linear;
    -webkit-transition: background 1.5s linear;
    height: 100%;
    width: 100%;
}

JavaScript

$('#child').css('background', 'rgba(255, 255, 255, 0)');