.blocks {
  height: 100%;
  padding-block: var(--size-15);
}

.blocks:has(.map),
.blocks:has(.block-type-image:last-child) {
  padding-block-end: 0;
}

.blocks:has(.block-type-image:first-child) {
  padding-block-start: 0;
}

.block-type-image {
  height: 100%;
}

.block-type-image figure {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.block-type-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (width >= 60rem) {
  .blocks {
    padding-block: var(--size-25) var(--size-23);
  }
}