Can't align properly images and text

Hello,

I spend a lot of time changing code and in the end still images and text are not in the right place unfortunately. Also was wondering if it would be possible to place a button?

This is my page: https://www.propertypeaks.co.uk/case-studies-1/?preview=true&preview_id=710&preview_nonce=bfd48eac54

Here is how i want it to be aligned:
https://www.londonshared.co.uk/case-study/lavender-sweep

Here is my CSS:

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding: 5px 5px 5px 5px;
}

img.alignnone {
display:inline;
background:#eee;
padding: 5px 5px 5px 5px;
margin:10px 15px 10px 0;

}

img.alignright {
float:right;
margin:0 0 1em 1em;
display:inline;
background:#eee;
padding: 5px 5px 5px 5px;
}

img.alignleft {
display:inline;
background:#eee;
float: left;
margin:0 1em 1em 0;
padding: 5px 5px 5px 5px;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
padding:5px;
}

.alignright {
float:right;
margin:0 0 1em 1em;
}

.alignleft {
float:left;
margin:0 1em 1em 0;

Thank you for your help.