JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center" class="main">
    			<div class="item">
        			<img class="team" src="team.jpg" alt="" />
    			</div>
    			<div class="item">
        			<p class="para_team">Achieve Cycle Coaching<br><br>Coaching is one of our main focus points.<br> We provide training programs for athletes of all levels, <br>from the amateur cyclist to top level elite riders. <br>As part of our training camp packages,<br> you are given the option of taking a professional coaching service, <br>allowing you to realise your potential and maximise your fitness in preperation for your cycling holiday.</p>
   			</div>
    
    			<div class="item">
       			 	<p class="para_mountain">Our experienced and knowledgeable riders are familiar with the best cycling areas around.<br> Whichever destination you choose, you won't miss out on the best cycling roads, mountain passes and scenery available.</p>
   			</div>
    			
			<div class="item">
       			 	<img class="mountainpass" src="mountainpass.jpg" alt="" />
   			 </div>
    
    			<div class="item">
        			<img class="cafe" src="cafe2.jpg" alt="" />
    			</div>
   			
			<div class="item">
        			<p class="para_cafe">Plenty of time is taken to relax and enjoy the social aspect of cycling.<br> A lengthy cafe stop following each ride is a must !</p>
    			</div>
		</div>

CSS

div { border: 1px solid black;}



.main {
	width: 1300px;
        margin: 0 10% 0 10%;
}
    


.item {
        width:45%;
        float:left;
        min-height:450px;
	vertical-align: middle;
}


.team	{
	width:530px;
	margin: auto;
	border: 3px solid;
	border-style: ridge;
}


.para_team	{
	font-family: Droid Serif;
	text-align: center;
	line-height: 220%;
	margin-bottom: -200px;
	
}

.para_mountain	{
	float:left;
	font-family: Droid Serif;
}

.mountainpass	{
	width:530px;
	border: 3px solid;
	border-style: ridge;
	vertical-align: middle;	
}


.cafe	{
	width:530px;
	vertical-align: middle;
}