JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left-column">
            <img src="http://www.opulencesoaps.co.za/Images/2links.jpg" alt="">
        </div>
        
        <div class="right-column">
            <h2>Nevex has the experience</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad cum rem a tempore tenetur unde alias amet deserunt veritatis. Nemo, iste, quis! Eligendi dolores similique id nostrum non, in velit?</p>
            <button class="button" type="button" onclick="There will be more information in future">FIND OUT MORE</button>
        </div>

CSS

* {
    box-sizing: border-box;
}

img{
    max-width:100%;
    height: auto;
    width: auto;
}

.header{
    border:1px solid red;
}

.left-column{
    width:50%;
    height:auto;
    float: left;
    border:1px solid red;
}

.right-column{
    width:50%;
    float: left;
    border:1px solid red;
}