1 files changed, 45 insertions, 6 deletions
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 2e134a5..4918ad8 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -363,6 +363,9 @@ figure.picwide img.picwide {
     }
 }
 .image-cluster {
+    .row-2, .row-3, .row-4, .stack-2, .stack-3 {
+        display: block;
+    }
     @include constrain_wide;
     @extend %clearfix;
     margin-bottom: 1em;
@@ -379,14 +382,21 @@ figure.picwide img.picwide {
         margin-top: 0;
         max-width: 100%;
     }
-    .picwide { 
+    img.picwide { 
+        margin: 0;
+    }
+    figcaption, figure {
         margin-bottom: 0;
+        border: none;
     }
-    .pic66 {
-        max-width: 63.9%;
+    .stack-2 {
+        float: left;
     }
     @include breakpoint(beta-2) {
-        .picwide {
+        figure {
+            max-width: 99%;
+        }
+        img.picwide {
             padding: 0;
             margin-bottom: 0;
             max-width: 100%;
@@ -394,18 +404,36 @@ figure.picwide img.picwide {
             background: none;
         }
         .row-2 {
-            a:last-of-type img{
+            a:last-of-type img, figure:last-of-type {
                 float: right;
             }
         }
+        .pic66 {
+            max-width: 63.9%;
+        }
         .row-right .pic25 {
             max-width: 49%;
         }
         .pic25 {
             max-width: 24.5%;
         }
+        .stack-2 {
+            max-width: 32.95%;
+            float: left;
+        }
+        .stack-2 + a img {
+            max-width: 66.6%;
+            float: right
+        }
+        .right { float: right;}
+        .right + a img {
+            float:left 
+        }
     }
     @include breakpoint(beta) {
+        img.picwide {
+            max-width: 100%;
+        }
         div img {
             width: 100%;
             padding: 0;
@@ -418,17 +446,28 @@ figure.picwide img.picwide {
         }
         .pic5 {
             max-width: 49.5%;
-            margin: 0 6px 6px 0;
+            margin: 0;
             float: left;
+            figcaption {
+                padding-bottom: .5em;
+            }
+        }
+        img.pic5 {
+            margin: 0 0 6px 0;
         }
         .pic25 {
             max-width: 50%;
         }
         .row-3  .pic33 {
+            float: left;
             max-width: 32.3%;
+            margin: 0 0 6px 0;
         }
     }
     @include breakpoint(gamma) {
+        figure {
+            max-width: 100%;
+        }
         .row-right {
             float: right;
         }