If you are centering or aligning left on one page you can put the two images together without a gap just put them both in same paragraph
Code:
<p class="suitable_class> <img class="images_48" alt="family on couch left half" src="Pictures/capitaotheo-25.jpg"/> <img class="images_48" alt="family on couch right half" src="Pictures/capitaotheo-26.jpg"/></p>
Then suitable CSS (bits missing). Left aligned is a bit simpler than centred. But the <p> is the virtual container. You'd want margins.
Code:
.suitable_class {
text-align: left
}
.images_48 {
height: auto;
width: 48%
}
Will work ANY size screen in portrait or landscape.