/* Explicit media height: do not allow the source image ratio to size the card. */
.dayi-blog-v28 .dayi-blog-card-image,
.editor-styles-wrapper .dayi-blog-v28 .dayi-blog-card-image {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  background: #d8cec2;
}

.dayi-blog-v28 .dayi-blog-card-image > a,
.editor-styles-wrapper .dayi-blog-v28 .dayi-blog-card-image > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.dayi-blog-v28 .dayi-blog-card-image img,
.editor-styles-wrapper .dayi-blog-v28 .dayi-blog-card-image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Two-column tablet layout. */
@media (min-width: 601px) and (max-width: 1000px) {
  .dayi-blog-v28 .dayi-blog-card-image,
  .editor-styles-wrapper .dayi-blog-v28 .dayi-blog-card-image {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
  }
}

/* Single-column mobile layout. */
@media (max-width: 600px) {
  .dayi-blog-v28 .dayi-blog-card-image,
  .editor-styles-wrapper .dayi-blog-v28 .dayi-blog-card-image {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    aspect-ratio: auto !important;
  }
}