/* Shared image-header block for post-style cards: blog index cards and the
   homepage blog carousel cards. Edit here to update the look on both at once.
   Uses a path relative to this file (not the linking page) so it resolves
   correctly from any directory depth. */
.card-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(18, 10, 40, 0.6);
}

.card-image__bg {
  position: absolute;
  inset: 0;
  background-image: url('bg-bokeh.jpg');
  background-size: cover;
  background-position: center;
}

.card-image__overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 8, 32, 0.55);
}