@utility figure-image {
  &.figure-image-float-left {
    @apply float-left my-0 mr-3;
  }

  &.figure-image-float-right {
    @apply float-right my-0 ml-3;
  }

  img {
    @apply mx-0;
  }
}

@utility text-with-image {
  @apply my-5;

  p:first-of-type {
    @apply mt-0;
  }
}

@source inline("figure-image");
@source inline("text-with-image");