fix: update mobile breakpoint

Author: jakebox

src/components/InstagramWidget.astro

@@ -42,26 +42,46 @@ const {
 <style>
   /* Overall Sidebar Width */
   .instagram-sidebar-card {
-    width: 300px; 
+    width: 100%;
+  }
+
+  @media (min-width: 1536px) {
+    .instagram-sidebar-card {
+      width: 300px;
+    }
   }
 
   /* Shrink the embed by 25% (0.75 scale) */
   .instagram-scaler-container {
     width: 100%;
-    height: 350px; /* Limits vertical space */
+    height: 500px; /* Limits vertical space */
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: none;
   }
 
+  @media (min-width: 1536px) {
+    .instagram-scaler-container {
+      height: 350px;
+    }
+  }
+
   /* Targets the iframe generated by Instagram's script */
   .instagram-scaler-container :global(iframe) {
-    transform: scale(0.79) !important; 
+    transform: scale(0.79) !important;
     transform-origin: top left !important;
     width: 190% !important; /* Math: (1 / 0.72) * 100 to fill width */
     min-width: 326px !important;
   }
 
+  @media (max-width: 1535px) {
+    .instagram-scaler-container :global(iframe) {
+      transform: scale(1) !important;
+      width: 100% !important;
+      min-width: unset !important;
+    }
+  }
+
   .instagram-media {
     margin: 0 !important;
     border: none !important;