.invitation-event-photo {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto 20px;
  border-radius: 12px;
}

/* The square watercolor artwork must stay whole inside each template's photo frame. */
img[src="/digital-invitations/defaults/civil-wedding-transparent-watercolor.webp"],
img[src="/digital-invitations/defaults/church-transparent-watercolor.webp"],
img[src="/digital-invitations/defaults/party-transparent-watercolor.webp"] {
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Keep date badges and overlapping text below the artwork. */
.event-media:has(> img[src^="/digital-invitations/defaults/"][src$="-watercolor.webp"]) {
  padding-bottom: 24px;
}

.wpo-event-item:has(img[src^="/digital-invitations/defaults/"][src$="-watercolor.webp"]) .wpo-event-img-inner {
  border-radius: 0;
}

.wpo-event-item:has(img[src^="/digital-invitations/defaults/"][src$="-watercolor.webp"]) .wpo-event-text {
  margin-top: 0;
}

.event-card > img[src^="/digital-invitations/defaults/"][src$="-watercolor.webp"] {
  justify-self: center;
}