Media-first style adjustments

src/app.css

@@ -312,7 +312,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
         box-shadow: none !important;
         max-width: min(480px, 100%);
         margin-inline: auto !important;
-        margin-block: 32px;
+
+        &:not(:first-child) {
+          margin-block: 32px;
+        }
 
         &:has(.skeleton) {
           width: 100%;

src/components/status.css

@@ -1325,6 +1325,8 @@ body:has(#modal-container .carousel) .status .media img:hover {
 }
 
 .status-media-first {
+  animation: appear-smooth 1s ease-out;
+
   .meta-name {
     opacity: 0.65;
     transition: opacity 0.5s ease-in-out;
@@ -1398,7 +1400,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
 
       .media {
         /* background-color: var(--average-color, var(--bg-faded-color)); */
-        width: var(--width);
+        width: var(--width, 100%);
         max-width: 100%;
         max-height: 100%;
         min-height: var(--min-dimension);