Add 16/9 aspect ratio for video/iframe to default CSS

eleventy.config.js

@@ -79,6 +79,7 @@ export default async function(eleventyConfig) {
 
 		// widths: ["auto"],
 
+		failOnError: false,
 		htmlOptions: {
 			imgAttributes: {
 				// e.g. <img loading decoding> assigned on the HTML tag will override these values.

public/css/index.css

@@ -72,9 +72,7 @@ body {
 }
 
 /* Fluid images via https://www.zachleat.com/web/fluid-images/ */
-img,
-video,
-iframe {
+img{
   max-width: 100%;
 }
 img[width][height] {
@@ -85,6 +83,12 @@ img[src$=".svg"] {
   height: auto;
   max-width: none;
 }
+video,
+iframe {
+	max-width: 100%;
+	height: auto;
+	aspect-ratio: 16/9;
+}
 
 p:last-child {
 	margin-bottom: 0;