add gallery css

_sass/custom/custom.scss

@@ -98,7 +98,7 @@ ul.nav-list .nav-list-item .nav-list-link {
 .main-content h1 {
   font-size: 2.8em !important;
   font-weight: 400;
-  clear: right; // keeps border line from overlapping floating images
+  clear: both; // keeps border line from overlapping floating images
   color: $adaptation-purple;
 }
 
@@ -162,7 +162,7 @@ p.note-title > p:first-child, blockquote.note-title > p:first-child {
 
 hr {
   background-color: $orange-lighter;
-  clear: right; // clear floating images
+  clear: both; // clear floating images
 }
 
 
@@ -182,18 +182,14 @@ footer {
   width: calc(33% - 1rem);
 }
 
-.clear-right {
-  clear: right;
-}
-
 blockquote, p.note, p.warning, p.important, p.idea {
-  clear: right;           // callouts will appear below floating photos, like h1 and h2
+  clear: both;           // callouts will appear below floating photos, like h1 and h2
   border-radius: unset;   // match goingtoseed.org
   box-shadow: unset;      // match goingtoseed.org
 }
 
 div.language-plaintext {
-  clear: right;
+  clear: both;
 }
 
 // Print-only styles.