JSFiddle - React, Tailwind, and code Playground

HTML

<div id="presentacion">
    	<div id="presleft">
        	<img src="http://alvarols.com/clientejasso/wp-content/themes/pentago/images/08.png">
        </div>
        <div id="presright">
            <div id="presyear">
                <img src="http://alvarols.com/clientejasso/wp-content/themes/pentago/images/trececatorce.png">
            </div>
        </div>
        
    </div>

CSS

#presentacion{
    display:block;
    max-width:1300px;
    height:550px;
    margin:0 auto;
}

/*Imagenes al 100% del contenedor*/
#presentacion img{
    max-width:100%;
}

/*Ancho al 50% del contenedor*/
#presleft{
    float:left;
    max-width:50%;
    height:550px;
}

/*Ancho al 50% del contenedor*/
#presright{
    float:right;
    max-width:50%;
    height:550px;
}
 
#presyear{
    margin-right:48px;
    margin-top:62px;
    float:right;
    
}