JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="grid_6">
        <p class="text">"The best selection of cheese I've ever seen! Cannot wait for our next order!"</p>
        <p class="image omega">
            <img src="img/cheese1.jpg" alt="Contact us" />
        </p>
    </div>
    <div class="grid_5">
       
        <p class="text omega" id="text_left">"Wow, amazing cheese selection and very fast delivery!"</p>
         <p class="image">
            <img src="img/cheese2.jpg" alt="Contact us" />
        </p>
    </div>
</body>

CSS

.text {
    display:inline-block;
    font-size: 3.0em;
    text-align: right;
    display: inline;
}
#text_left {
    text-align: left;
}
.image {
    display:inline-block;
    text-align: center;
    border:solid 4px #6b5221;
}