Fix profile image's top padding in compact view (#14211)

When opening a website's "About" page in compact view (with a narrow browser window), the `profile.jpg` image has no top padding in the `trestles`, `marquee` and `broadside` templates.

Author: rnd195

src/resources/projects/website/about/about.scss

@@ -172,7 +172,7 @@ div.quarto-about-trestles {
 
   @include media-breakpoint-down(lg) {
     flex-direction: column;
-    padding-top: 0em !important;
+    padding-top: 3em !important;
   }
 
   .about-entity {
@@ -224,6 +224,7 @@ div.quarto-about-trestles {
 // Marquee
 div.quarto-about-marquee {
   padding-bottom: 1em;
+  padding-top: 14px !important;
 
   .about-contents {
     display: flex;
@@ -260,6 +261,7 @@ div.quarto-about-broadside {
   display: flex;
   flex-direction: column;
   padding-bottom: 1em;
+  padding-top: 14px !important;
 
   .about-main {
     display: flex !important;