/* Assumes your page uses a container to manage the gutters and width */
.app__content:has(.app__cover) {
  max-inline-size: var(--op-breakpoint-x-large);
  padding: 0;
  padding-block-end: var(--op-space-large);
}

.app__cover img {
  width: 100%;
  height: var(--_co-cover-image-height);
  object-fit: cover;
  object-position: center;
}

.app__content {
  padding-block-start: var(--op-space-2x-small);
  padding-block-end: var(--op-space-large);
}