banners

css/components/node.css

@@ -44,7 +44,10 @@
   text-decoration: none;
   color: var(--color-text-neutral-loud);
   background-color: transparent;
-  background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
+  background-image: linear-gradient(
+    var(--color--primary-50),
+    var(--color--primary-50)
+  ); /* Two values are needed for IE11 support. */
   background-repeat: no-repeat;
   background-position: bottom left; /* LTR */
   background-size: 0 0.1875rem;
@@ -73,3 +76,17 @@
   /* There is no variable for the color - #fff4f4. */
   background-color: #fff4f4;
 }
+.node__content {
+  .field.field--name-body figure,
+  .field.field--name-body img {
+    border: 1px solid var(--pwc-tan);
+    padding: 4px;
+  }
+
+  .field.field--name-body figcaption {
+    border: 1px solid var(--pwc-tan);
+    border-top: 0;
+    padding: 10px;
+    background-color: var(--pwc-grey);
+  }
+}