photo-gallery-styles

diff --git a/9-de-julho.jpg.html b/9-de-julho.jpg.html
@@ -31,7 +31,14 @@
 <main>
 <figure aria-label="File 9-de-julho.jpg">
 <div id="picture-container">
+<div id="picture-frame">
 <img alt="A tall rundown building covered in graffiti art against a blue sky backdrop" src="./photos/9-de-julho.jpg">
+<div>
+by <a role="author" href="https://pablopie.xyz">Pablo</a>
+(licensed under
+<a role="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a>)
+</div>
+</div>
 </div>
 </figure>
 </main>

diff --git a/dummond-adams.png.html b/dummond-adams.png.html
@@ -31,7 +31,14 @@
 <main>
 <figure>
 <div id="picture-container">
+<div id="picture-frame">
 <img alt="A black and white picture of a tall symmetrical building of international style. The building is covered by a thin veil and a layer of graffiti. White clouds drift across the dark sky above the building." src="./photos/dummond-adams.png">
+<div>
+by <a role="author" href="https://pablopie.xyz">Pablo</a>
+(licensed under
+<a role="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a>)
+</div>
+</div>
 </div>
 <figcaption>
 The Dummond Adams building at Paulista Avenue, São Paulo, Brazil

diff --git a/styles.css b/styles.css
@@ -68,10 +68,20 @@ figcaption {
   display: flex;
 }
 
-#picture-container img {
+#picture-frame {
   margin: 0 auto;
-  max-width: calc(100% - 14pt);
-  border: solid 3.5pt white;
+  padding: 3.5pt;
+  background: white;
+  color: #15151a;
+  font-size: .8rem;
+}
+
+#picture-frame a {
+  color: #15151a;
+}
+
+#picture-frame img {
+  max-width: 100%;
 }
 
 footer {