JSFiddle - React, Tailwind, and code Playground

HTML

<div id="splashbar"> 
 
        <div id="left_content_text"> 
 
            <img src="#" alt="facebook" /> 
 
            <h2> <a href="" style="color:#fff; text-decoration:none;">test</a></h2> 
 
            Lorem ipsum dolor sit amet, con tetur adipiscing elit. Etiam tincidu molestie justo, vitae dignissim me scelerisque vel. Proin vitae nibh arcu vulpu tate vehicula.<br/> 
 
      
 
        </div> 
 
    
 
        <div id="splashimages"> 
 
                                                                        <a href="#full_header_link" class="full_header_link"> 
                                            <img width="738" height="191" src="tet" class="attachment-post-thumbnail wp-post-image" alt="header_forside" title="header_forside" />                                            </a> 
                                        
                                            <a href="#imagemap1" style="width:100px;height:100px;left:0px; top:10px" class="imagemap_header_link"> </a> 
                                                                <a href="#imagemap2" style="width:100px;height:100px;right:0px; top:10px" class="imagemap_header_link"></a> 
                                                                                                    
        </div> 
 
        
 
        <div class="clear"> 
 
        </div> 
 
    
 
    </div>

CSS

#splashbar {
position: relative;
zoom: 1;
z-index: 2;
}
#splashimages {
position: relative;
top: 0;
right: 0;
z-index: 2;
zoom: 1;
}
#splashimages img {
z-index: -5;
position: absolute;
right: 0;
top: 0;
visibility: visible;
display: block;
height: 173px;
zoom: 1;
}
#splashimages .imagemap_header_link {
position: absolute;
display: block;
z-index: 990;
visibility: visible;
zoom: 1;
}