.tc-w-bleed {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 0;
  text-decoration: none;
  overflow: hidden;
}

/* The picture keeps its own proportions. A set Image height turns this into the crop frame. */
.tc-w-bleed__media {
  position: relative;
  flex: none;
  min-height: 0;
  height: auto;
}

.tc-w-bleed img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tc-w-bleed__caption {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}


/* Tablet and mobile layouts for this widget. */
@media (max-width: 900px) {
  .tc-w-bleed,
  .tc-w-bleed__media { min-height: 0; }

  .tc-w-bleed { padding: 64px var(--tc-margin); background: #fff9f5 !important; }
}
@media (max-width: 600px) {
  .tc-w-bleed { padding: 56px 20px; }
}