JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="homepage">
    <div data-role="content">   
        <div id="selectCircle">
            <img src="http://www.placehold.it/425x240&text=Best" alt="Zive.sk" id="ziveCircle"><br>
            <img src="http://www.placehold.it/425x240&text=Case" alt="AutoMoto.sk" id="autoCircle">
            <img src="http://www.placehold.it/425x240&text=Scenario" alt="MobilMania.sk" id="mobilCircle">
        </div>
    </div>
</div>

CSS

#selectCircle{
    position:relative;
    top: 10%;
    width: 100%;
    display: block;
    text-align: center;
}
#ziveCircle{
    width: 50%; display: block; margin: auto;}
#mobilCircle{
    position:relative;
    width: 49%;
    float: left;
    margin-left: 1%;

}
#autoCircle{
    position:relative;
    width: 49%;
    float: left;
    margin-right: 1%;
}