.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;
  }
}