JSFiddle - React, Tailwind, and code Playground

by Chetan Gawai

HTML

<div id="container">
               <div id="Content">
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
            </div>
            <span id="test">
                Test
            </span>
        </div

CSS

#container
    {    
        position: relative;
      
        background-image:   url('https://www.google.co.uk/images/srpr/logo11w.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10001;
    height:600px;
    }
    #Content
    {
       background-color:#C9CACA;
    opacity : 0.6;

    }