fix #1451

components/item-full.js

@@ -53,13 +53,21 @@ function BioItem ({ item, handleClick }) {
 function ItemEmbed ({ url, imgproxyUrls }) {
   const provider = parseEmbedUrl(url)
   if (provider) {
-    return <Embed src={url} {...provider} topLevel />
+    return (
+      <div className='mt-3'>
+        <Embed src={url} {...provider} topLevel />
+      </div>
+    )
   }
 
   if (imgproxyUrls) {
     const src = IMGPROXY_URL_REGEXP.test(url) ? decodeProxyUrl(url) : url
     const srcSet = imgproxyUrls?.[url]
-    return <MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
+    return (
+      <div className='mt-3'>
+        <MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
+      </div>
+    )
   }
 
   return null

components/text.module.css

@@ -216,13 +216,13 @@
     width: auto;
     max-height: inherit;
     height: 100%;
+    max-width: 100%;
     aspect-ratio: var(--aspect-ratio);
 }
 
 .mediaContainer img {
     cursor: zoom-in;
     min-width: 30%;
-    max-width: 100%;
     object-position: left top;
 }