JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contentcontainer">
        <div class="content">
            <h2>"title"</h2>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget sem sit amet turpis 
                aliquam mattis. Sed purus diam, eleifend vitae libero quis, scelerisque pharetra velit. 
                Vestibulum id sem a risus tincidunt dignissim. Pellentesque porttitor a lectus eu 
                pellentesque. Quisque imperdiet magna non erat interdum tincidunt. Proin ac sem sem. 
                Fusce dignissim scelerisque pharetra. Vestibulum ante ipsum primis in faucibus orci 
                luctus et ultrices posuere cubilia Curae; Morbi tristique mauris in urna maximus 
                scelerisque. Duis ut mi congue, bibendum ex in, rutrum ante. Sed dignissim diam ut nisi 
                feugiat fermentum. Aenean ante metus, malesuada sit amet turpis in, congue dignissim enim.
            </p>
            <p>
                Nullam a fermentum enim. Vestibulum nec vestibulum massa, quis interdum est. 
                Fusce suscipit iaculis sem id facilisis. Sed imperdiet condimentum tortor at condimentum. 
                Nullam rutrum leo quam, nec egestas risus elementum a. Morbi interdum enim vitae dictum 
                hendrerit. Aliquam cursus neque nec purus cursus tincidunt. Nunc feugiat justo eget nunc 
                pretium, non posuere quam gravida. Curabitur dictum erat sit amet molestie cursus. 
                Maecenas et nisi ut turpis condimentum euismod. Fusce placerat varius ornare. 
                Nulla a massa ullamcorper, venenatis urna eu, semper neque. 
                Quisque lobortis malesuada feugiat. Fusce quis pharetra felis, a hendrerit urna.
            </p>
        </div>
        <div class="imagecontainer">
            <img src="img/myimg.jpeg" alt="img" />
        </div>

    </div>

CSS

.contentcontainer {
    width: 70%;
    margin: 25px auto;
    color: #61625B;
    text-align: justify;
    border-width: 1px;
    border-color: red;
    border-style: dashed;
}
   
   .imagecontainer {
        width: 45%;
        float: right;
        margin: 50px auto;
        border-width: 1px;
        border-color: blue;
        border-style:dashed;
    }
    
    .imagecontainer > img {
        max-width: 100%;
    }
    
    .content {
        float: left;
        width: 45%;
        margin: 25px auto;
        border-width: 1px;
        border-color: green;
        border-style: dashed;
    }