diff --git a/src/components/instagram/InstagramWidget.module.scss b/src/components/instagram/InstagramWidget.module.scss
new file mode 100644
index 00000000..46d43224
--- /dev/null
+++ b/src/components/instagram/InstagramWidget.module.scss
@@ -0,0 +1,28 @@
+.instagramwidget {
+  --max-width: 1200px;
+  max-width: var(--max-width);
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin-inline: auto;
+
+  iframe {
+    box-sizing: content-box;
+    width: 100%;
+    height: 100%;
+    border: none;
+    overflow: hidden;
+  }
+
+  @media (max-width: 900px) {
+    iframe {
+      aspect-ratio: 1 / 1;
+    }
+  }
+
+  @media (min-width: 901px) {
+    iframe {
+      aspect-ratio: 16 / 12.5;
+    }
+  }
+}
diff --git a/src/components/instagram/InstagramWidget.tsx b/src/components/instagram/InstagramWidget.tsx
new file mode 100644
index 00000000..c1166703
--- /dev/null
+++ b/src/components/instagram/InstagramWidget.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import style from './InstagramWidget.module.scss';
+
+const InstagramWidget: React.FC = () => {
+  return (
+    <div className={style.instagramwidget}>
+      <iframe
+        title="Instagram feed"
+        scrolling="no"
+        loading="lazy"
+        src="https://www.instagram.com/askilta/embed/"
+      ></iframe>
+    </div>
+  );
+};
+
+export default InstagramWidget;
diff --git a/src/components/instagram/SnapWidget.module.scss b/src/components/instagram/SnapWidget.module.scss
deleted file mode 100644
index 7bdb0167..00000000
--- a/src/components/instagram/SnapWidget.module.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.snapwidget {
-  --max-width: 1200px;
-  position: relative;
-  max-width: var(--max-width);
-  margin-inline: auto;
-  padding-top: calc(min(var(--max-width), 100%) + (3 * 135px));
-
-  iframe {
-    box-sizing: content-box;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 100%;
-    border: none;
-    overflow: hidden;
-  }
-}
diff --git a/src/components/instagram/SnapWidget.tsx b/src/components/instagram/SnapWidget.tsx
deleted file mode 100644
index 2d0c17a6..00000000
--- a/src/components/instagram/SnapWidget.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import style from './SnapWidget.module.scss';
-
-const SnapWidget: React.FC = () => {
-  return (
-    <div className={style.snapwidget}>
-      <iframe
-        title="Instagram feed"
-        loading="lazy"
-        style={{ border: 0, overflow: 'hidden' }}
-        src="https://snapwidget.com/embed/787765"
-      ></iframe>
-    </div>
-  );
-};
-
-export default SnapWidget;
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index ed984910..fb3208c0 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -1,7 +1,7 @@
 ---
 import BaseLayout from '@layouts/BaseLayout.astro';
 import { Image } from 'astro:assets';
-import SnapWidget from '@components/instagram/SnapWidget';
+import InstagramWidget from '@components/instagram/InstagramWidget';
 import EventList from '@components/events/EventList';
 
 import heroimg from '@assets/images/20201029195159-eef0d345-xx.jpg';
@@ -53,7 +53,7 @@ const slug = '/en';
     </div>
   </div>
   <h2 class="center-text">Instagram</h2>
-  <SnapWidget client:load />
+  <InstagramWidget client:load />
 </BaseLayout>
 
 <style lang="scss">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d4971605..871ccd78 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,7 +1,7 @@
 ---
 import BaseLayout from '@layouts/BaseLayout.astro';
 import { Image } from 'astro:assets';
-import SnapWidget from '@components/instagram/SnapWidget';
+import InstagramWidget from '@components/instagram/InstagramWidget';
 import EventList from '@components/events/EventList';
 
 import heroimg from '../assets/images/20201029195159-eef0d345-xx.jpg';
@@ -53,7 +53,7 @@ const slug = '/';
     </div>
   </div>
   <h2 class="center-text">Instagram</h2>
-  <SnapWidget client:load />
+  <InstagramWidget client:load />
 </BaseLayout>
 
 <style lang="scss">