JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    
    <div class="inner">
    
    </div>
    </div>

CSS

.wrapper{
        width:400px;
        height:500px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";       /* IE 8 */
        filter: alpha(opacity=60);  /* IE 5-7 */
        -moz-opacity: 0.6;          /* Netscape */
        -khtml-opacity: 0.6;        /* Safari 1.x */
        opacity: 0.6;
        background-color:red;
        }
    
     .inner{
        width:200px;
        height:300px;
        background-color:blue;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";       /* IE 8 */
        filter: alpha(opacity=100);  /* IE 5-7 */
        -moz-opacity: 1.0;          /* Netscape */
        -khtml-opacity: 1.0;        /* Safari 1.x */
        opacity: 1.0;
        }