diff --git a/resources/css/blocks/wp-block-image.css b/resources/css/blocks/wp-block-image.css
new file mode 100644
index 0000000..ed6bd9f
--- /dev/null
+++ b/resources/css/blocks/wp-block-image.css
@@ -0,0 +1,46 @@
+.wp-block-image.is-style-framed {
+  @apply border-2  p-4 w-fit bg-white;
+  --advised-text-color: currentColor;
+  border-color: var(--advised-text-color, --wp--preset--color--primary);
+  img {
+    @apply block;
+  }
+
+  &.rotate-right {
+    @apply rotate-2;
+  }
+  &.rotate-left {
+    @apply -rotate-2;
+  }
+}
+.wp-block-image.is-style-stacked {
+  @apply w-fit bg-green-200 relative z-30 !mb-12;
+
+  > * {
+    @apply relative z-30;
+  }
+  img {
+    @apply block relative z-30 p-4 bg-white border-2;
+    --advised-text-color: currentColor;
+    border-color: var(--advised-text-color, --wp--preset--color--primary);
+  }
+
+  &.rotate-right {
+    @apply rotate-2;
+  }
+  &.rotate-left {
+    @apply -rotate-2;
+  }
+
+  &:after {
+    @apply content-[''] absolute inset-0 bg-white border border-primary w-full h-full top-0 left-0;
+    z-index: 10;
+    transform: translate(40px, 40px) rotate(-4deg);
+    background: linear-gradient(
+          var(--wp--preset--color--primary),
+          var(--wp--preset--color--primary)
+        )
+        center/calc(100% - 30px) calc(100% - 30px) no-repeat,
+      white;
+  }
+}