/* Target only the LARGE IMAGE pattern */
.wp-block-cover.has-chevron-background .wp-block-image {
  position: relative;
  width: min(1236px, 100%);
  margin-inline: auto;
  overflow: visible; /* or hidden if you want cropped chevrons */
}

/* Normalize the image to the same aspect ratio box */
.wp-block-cover.has-chevron-background .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1236 / 695;
  object-fit: cover; /* or contain if you never want crop */
  border-radius: 24px;
}

/* Chevrons (exactly 2) */
.wp-block-cover.has-chevron-background .wp-block-image::before,
.wp-block-cover.has-chevron-background .wp-block-image::after {
  content: "";
  position: absolute;
  width: 182px;
  height: 309px;
  pointer-events: none;
  background-color: var(--accent-1);

  mask-image: url('data:image/svg+xml;utf8,<svg id="Layer_2" fill="currentColor" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 274.71 467.49"><g id="Layer_1-2" data-name="Layer 1"><path d="M112.16,217.34s0,.04.04.04h0v-.04h-.04ZM267.3,220.29l-.98-1.68L157.03,29.29l-1.89-3.29C145.85,9.92,128.07,0,108.34,0H18.21C8.14,0,0,8.16,0,18.21c0,3.12.72,6.12,2.17,8.62l110.02,190.55c5.01,8.56,7.9,18.52,7.9,29.19s-2.72,20.01-7.48,28.4L16.95,440.66c-1.44,2.49-2.17,5.5-2.17,8.62,0,10.05,8.14,18.21,18.23,18.21h92.49c19.73,0,37.49-9.92,46.76-25.98l1.91-3.31,91.98-159.32,1.72-2.95c4.67-8.14,6.84-17.42,6.84-27.3s-2.63-20.01-7.41-28.32v-.02Z"/></g></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;

  z-index: 1; /* behind image? see note below */
}

/* Pin to corners of the image box */
.wp-block-cover.has-chevron-background .wp-block-image::before {
  top: 0;
  right: 0;
  transform: translate(70%, -15%);
}

.wp-block-cover.has-chevron-background .wp-block-image::after {
  left: 0;
  bottom: 0;
  transform: translate(-57%, 16%);
}

/* Keep the actual image above the chevrons */
.wp-block-cover.has-chevron-background .wp-block-image img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1376px) {
  .wp-block-cover.has-chevron-background .wp-block-image::before {
    transform: scale(0.7) translate(91%, -40%);
  }
  .wp-block-cover.has-chevron-background .wp-block-image::after {
    transform: scale(0.7) translate(-78%, 40%);
  }
}
@media screen and (max-width: 600px) {
  .wp-block-cover.has-chevron-background .wp-block-image::before,
  .wp-block-cover.has-chevron-background .wp-block-image::after {
    width: 70px;
    height: 117px;
  }
}

/*
@media screen and (max-width: 1200px) {
  .wp-block-cover.has-chevron-background .wp-block-image::before {
    display: none;
  }
  .wp-block-cover.has-chevron-background .wp-block-image::after {
    display: none;
  }
}*/
