diff --git a/remix-app/framer-intl/styles.css b/remix-app/framer-intl/styles.css
index b432f1e..7740ec1 100644
--- a/remix-app/framer-intl/styles.css
+++ b/remix-app/framer-intl/styles.css
@@ -69,6 +69,48 @@ h1, h2, h3, h4, h5, h6, p, figure {
     --token-f1edbbf0-4dde-4043-88fc-e447b2e4f208: rgb(16, 16, 16);
     --token-f5909a4b-54e7-4c08-b63f-44713b4eba16: rgb(231, 34, 8);
 }
+/* Base */
+@media (min-width: 0px) and (max-width: 319px) {
+    .unframer:not(.unframer-base) { 
+        display: none !important;
+    }
+}
+
+/* Small */
+@media (min-width: 320px) and (max-width: 767px) {
+    .unframer:not(.unframer-sm) { 
+        display: none !important;
+    }
+}
+
+/* Medium */
+@media (min-width: 768px) and (max-width: 959px) {
+    .unframer:not(.unframer-md) { 
+        display: none !important;
+    }
+}
+
+/* Large */
+@media (min-width: 960px) and (max-width: 1199px) {
+    .unframer:not(.unframer-lg) { 
+        display: none !important;
+    }
+}
+
+/* Extra Large */
+@media (min-width: 1200px) and (max-width: 1535px) {
+    .unframer:not(.unframer-xl) { 
+        display: none !important;
+    }
+}
+
+/* 2 Extra Large */
+@media (min-width: 1536px) {
+    .unframer:not(.unframer-2xl) { 
+        display: none !important;
+    }
+}
+
 /* Base */
 @media (min-width: 0px) and (max-width: 319px) {
     .unframer-hidden.unframer-base {