style(media): adjust positioning and size

src/components/media/media.module.css

@@ -40,12 +40,16 @@
   display: block;
 }
 
-.content img {
+.content img, .content video, .content iframe, .content audio {
-  cursor: pointer;
+  box-sizing: border-box;
   max-width: 100%;
   max-height: 100%;
 }
 
+.content img {
+  cursor: pointer;
+}
+
 .content iframe {
   border: none;
 }

src/components/post/post.module.css

@@ -311,13 +311,6 @@
   background-color: var(--post-mobile-background-color);
 }
 
-/* clearfix to the container of the floatied elements to contain them */
-.replyContainer::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .replyMobile .postInfo {
   padding: 5px;
   border-bottom: var(--post-mobile-info-border-bottom);