This construct — an image box paired with some verbiage — is someting I call a spotlight. These
spotlights’ container is set to have a maximum width of 40em. At and below a viewport width of 40em,
spotlights’ verbiage divs get a little bit of outside margin to ensure that text in them isn’t flush against
the edge of the viewport.
However, this leads to a problem with viewports that are only slightly wider than the 40em breakpoint. It’s
not difficult to get a viewport that’s only a teeny bit wider than a breakpoint, even if only by dumb luck. At
widths like these, you’ll still have text that pretty much is flush with the edge of the viewport.