.block-image--tight {
  padding-block: calc(var(--ib-section) / 2);
}

.block-image__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.block-image__picture,
.block-image__link {
  display: block;
  width: 100%;
  border-radius: var(--ib-radius);
  overflow: hidden;
}

.block-image__picture {
  height: auto;
  box-shadow: var(--ib-shadow);
}

.block-image__figure--frame .block-image__picture {
  border: 1px solid var(--ib-line);
  box-shadow: none;
}

.block-image__figure--16-9 .block-image__picture,
.block-image__figure--4-3 .block-image__picture,
.block-image__figure--1-1 .block-image__picture,
.block-image__figure--21-9 .block-image__picture {
  height: auto;
  object-fit: cover;
}

.block-image__figure--16-9 .block-image__picture {
  aspect-ratio: 16 / 9;
}

.block-image__figure--4-3 .block-image__picture {
  aspect-ratio: 4 / 3;
}

.block-image__figure--1-1 .block-image__picture {
  aspect-ratio: 1 / 1;
}

.block-image__figure--21-9 .block-image__picture {
  aspect-ratio: 21 / 9;
}

.block-image__caption {
  font-size: 15px;
  color: var(--ib-muted);
}

.block-image--full .block-image__picture {
  border-radius: 0;
  box-shadow: none;
}

.block-image--full .block-image__caption {
  width: 100%;
  max-width: var(--ib-container);
  margin-inline: auto;
  padding-inline: var(--ib-gutter);
}
