JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
        <div class="container">
            <div class="main__inner">
                <div class="main__photo">
                    <img class="main__img" src="images/dress/levis.png" alt="levis">
                </div>
                <div class="main__content">
                    <h1 class="main__title">Cowhide Standard Crew</h1>
                    <div class="main__text">
                        White coloured, short-sleeved, printed T-shirt for men by Levi's. This crew-neck T-shirt is made of or-ganic cotton and comes in a regular fit. 
                    </div>
                </div>
            </div>
        </div>
    </div>

CSS

.main{
   background-color:aqua;
    height: 446px;
}
.main__inner{
   display:flex; 
   align-items: center;
}
.main__photo{
  margin-top: 250px;
}