[data-component-id="lovekrakow:image_embed"] {
  /* @todo: change this hardcoded color with a css variable */
  background-color: #F9F9F9;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 1rem;
}

[data-component-id="lovekrakow:image_embed"] > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

[data-component-id="lovekrakow:image_embed"] figure {
  width:100%
}

[data-component-id="lovekrakow:image_embed"] figure img {
  border-radius: 1rem;;
  width: 100%;
}

[data-component-id="lovekrakow:image_embed"] figcaption {
  font-size: var(--body-xs--font-size);
  padding: 0.4rem 0;
}

[data-component-id="lovekrakow:image_embed"] .image--description {
  font-weight: var(--font-weight-600);
}

[data-component-id="lovekrakow:image_embed"] .image--credit {
  color: var(--woodsmoke-400);;
}