Update se_mes_im2.html

se_mes_im2.html

@@ -39,6 +39,13 @@
             justify-content: center;
             align-items: center;
             flex-direction: column;
+            max-width: 100%;
+            height: auto;
+        }
+        #mediaContainer img, #mediaContainer video {
+            max-width: 100%;
+            height: auto;
+            object-fit: contain;
         }
         #imageUrl {
             margin-top: 20px;
@@ -90,15 +97,11 @@
             if (['jpg', 'jpeg', 'png', 'gif'].includes(extension)) {
                 var img = document.createElement('img');
                 img.src = url;
-                img.style.width = '300px';
-                img.style.height = '300px';
                 mediaContainer.appendChild(img);
             } else if (['mp4', 'webm', 'ogg'].includes(extension)) {
                 var video = document.createElement('video');
                 video.src = url;
                 video.controls = true;
-                video.style.width = '300px';
-                video.style.height = '300px';
                 mediaContainer.appendChild(video);
             } else if (['mp3', 'wav', 'ogg'].includes(extension)) {
                 var audio = document.createElement('audio');