Arreglo de estilos para imágenes

css/extra.css

@@ -1,7 +1,7 @@
 /* General */
 @media screen and (min-width: 641px) {body {margin: 50px;}}
 @media screen and (max-width: 640px) {body {margin: 25px;}}
-body {max-width: 512px;}
+body {max-width: 512px; overflow-x: hidden;}
 body.black {background-color: #2d2d2d;}
 body.black section a:not(.hashover-more-link),
 body.black footer a:not(.hashover-more-link) {color: rgb(229,87,44);}
@@ -67,6 +67,17 @@ figure {
   margin: 1em auto;
 }
 
+figcaption:before {
+  content: '▣';
+}
+
+@media screen and (max-width: 640px) {
+  img {
+    width: 100vw;
+    margin-left: -25px;
+  }
+}
+
 @media screen and (min-width: 768px) {
   figcaption {
     float: right;
@@ -75,6 +86,10 @@ figure {
     margin-right: -30%;
     padding: 0 1em;
   }
+
+  figcaption:before {
+    content: '';
+  }
 }
 
 /* Footer */