<div style="background-image: url(https://gosupermodel.com/displaypicture?imageid=94153&large=1); width: 731px; height: 500px; position: relative; margin-left: -7px; margin-top: -25px; margin-bottom: -20px;"> <div style="position: absolute; left: 275px; top: 177px; width: 185px; height: 181px; overflow: auto; float:left;">text here</div>

<div style="background-image: url(https://gosupermodel.com/displaypicture?imageid=13311&large=1); width: 731px; height: 450px; position: relative; margin-left: -7px; margin-top: -25px; margin-bottom: -20px;"> <div style="position: absolute; left: 75px; top: 151px; width: 361px; height: 150px; overflow: auto; float:left;">text here</div> <div style="position: absolute; left: 75px; top: 342px; width: 146px; height: 22px; overflow: auto; float:left;">text here</div> <div style="position: absolute; left: 510px; top: 151px; width: 577px; height: 44px; overflow: auto; float:left;">text here</div> <div style="position: absolute; left: 510px; top: 191px; width: 146px; height: 22px; overflow: auto; float:left;">text here</div> <div style="position: absolute; left: 510px; top: 235px; width: 146px; height: 22px; overflow: auto; float:left;">text here</div> <div style="position: absolute; left: 510px; top: 277px; width: 146px; height: 22px; overflow: auto; float:left;">text here</div>

<div style="background-image: url(image-url here); width: 731px; height: 500px; position: relative; margin-left: -7px; margin-top: -25px; margin-bottom: -20px;"> <div style="position: absolute; left: 23px; top: 113px; width: 337px; height: 135px; overflow: auto; float:left;">text here</div>