Fix: address full-image-container spill and overflow w/ aspect-ratio

[rdela]

Depending on the screen size min-height/max-height were causing images to obscure critical interface elements and introducing gaps beneath the container. aspect-ratio achieves a superior effect w/o any of these undesirable behaviors.

.full-image-container {
-	min-height: 600px;
-	max-height: 1000px;
+	aspect-ratio: 16 / 9;

Screenshots

BEFORE	AFTER
1728px W @ 2x = 3456px W reduced 2/3 to 1152px W for GitHub, 107K	1728px W @ 2x = 3456px W reduced 2/3 to 1152px W for GitHub, 98K
664px W @ 2x = 1328px W reduced 1/2 to 664px W for GitHub, 70K	664px W @ 2x = 1328px W reduced 1/2 to 664px W for GitHub, 67K

PS Love the auto-generated name of the live demo: https://endless-iris.cloudvent.net/ ♾️ 👁️

[rdela]

I have a preview up at https://fuscia-microphone.cloudvent.net/ now that has this fix along with #4 & #5

that builds off https://github.com/rdela/campus-spark-bookshop-template/tree/dev