diff --git a/index.css b/index.css
index c23c2f6..d2328c6 100644
--- a/index.css
+++ b/index.css
@@ -188,6 +188,7 @@ img, video {
   display: block;
   width: 100%;
   object-fit: contain;
+  overflow: hidden;
 }
 img {
   font-style: italic;
diff --git a/index.html b/index.html
index 29129fb..b9f034e 100644
--- a/index.html
+++ b/index.html
@@ -205,7 +205,7 @@ name <input type="text" placeholder="Text goes here..." /></label>
 </form>
 <h2 id="grids">Grids</h2>
 <p>Add the <code>grid</code> class to a container to divide up the
-horizontal space evenly for the cells. Not that it maintains the
+horizontal space evenly for the cells. Note that it maintains the
 monospace, so the total width might not be 100%. Here are six grids with
 increasing cell count:</p>
 <div class="grid">