.homegrade-blocks-labelled-picture {
  @apply relative w-full !my-4;
  img {
    @apply rounded-lg w-full object-cover;
  }
  figcaption {
    @apply px-1 py-2 font-bold text-base;
  }

  &--fixed-height {
    img {
      max-height: 300px;
    }
  }

  &--legend-sticky {
    figcaption {
      @apply absolute left-0 bottom-4 left-4 z-10 rounded-lg bg-white text-center  w-fit px-8;
    }
  }

  &--rounded-shadow {
    @apply rounded-2xl shadowed-lg  p-4;
  }

  &--legend-has-title {
    figcaption {
      @apply font-normal;
      .figcaption-title {
        @apply font-bold;
        &:after {
          content: ' :';
        }
      }
    }
  }
}
