To make the layout more dynamic, consider removing the width restriction from the 'main' element and applying it only to the paragraphs while keeping the image unconstrained.
Custom Styling:
body {
margin: 0;
color: #283037;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.6;
}
.container {
box-sizing: border-box;
position: relative;
width: 100%;
max-width: 112rem;
margin: 0 auto;
padding: 0 2rem;
}
.site-main {
width: 100%;
margin: 0 auto;
}
.wrapper {
max-width: 60rem;
margin: 0 auto;
}
img {
display: block;
max-width: 100%;
min-height: 0;
height: auto;
vertical-align: middle;
border-radius: 5px;
margin: 0 auto;
}
Structured HTML:
<body>
<div class="container">
<header class="site-header"></header>
<main class="site-main wow fadeIn">
<p class='wrapper'>The Southern Railway (SR) gave the designation Sub to the wide variety of electric multiple units that were used on inner-suburban workings in the South London area. Originally these units were formed as three-car units, but in the 1940s, all surviving units were increased to four cars by the addition of an 'Augmentation' trailer. New four-car units were also built at this time, and these survived in passenger use until late 1983, by which time British Rail had allocated to them TOPS Class 405.</p>
<p><img src="https://i.sli.mg/DZAkY8.jpg" alt=""></p>
<p class='wrapper'>The Southern Railway (SR) gave the designation Sub to the wide variety of electric multiple units that were used on inner-suburban workings in the South London area. Originally these units were formed as three-car units, but in the 1940s, all surviving units were increased to four cars by the addition of an 'Augmentation' trailer. New four-car units were also built at this time, and these survived in passenger use until late 1983, by which time British Rail had allocated to them TOPS Class 405.</p>
</main>
</div>
</body>
Find the demonstration on Codepen: http://codepen.io/mwilkins91/pen/vyoeGg?editors=1100