[Quoth]

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

<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.

.suitable_class {
   text-align: left
   }

.images_48 {
  height: auto;
  width: 48%
   }

Will work ANY size screen in portrait or landscape.