JSFiddle - React, Tailwind, and code Playground

by eveevans

HTML

<html>
<head> </head>
<body>
    <div class='wrap'>
        <div class='bg'>
        </div>
        <div class='txt'>
            <h1> NICARAGUA </h1>
        </div>            
    </div>    
    
</body>
</html>

CSS

div.wrap {
    position: relative;
}

div.bg {
    position: absolute;
    top: 0;
    left: 0;        
    background: url(http://www.fotocromatica.com/wp-content/uploads/yapb_cache/mg_4217.124fnsi8p8n4004g4kwcgswsc.6zsoenbbhf48c88o4gw88880o.th.jpeg) no-repeat;
    height: 500px;
    width: 500px;
    z-index: 1;
}

div.txt {
    position: absolute;
    top: 0;
    left; 0;
}

div.txt h1 {
    font-size: 56px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}