/* Blog tile thumbnails — converted from CSS background-image to <picture>/<img>
   so they participate in the WebP <source> fallback chain. The wrapping
   .div-block-14 retains its 225px height + rounded top corners; the inner img
   fills it with object-fit: cover. */
.div-block-14.blog-thumb {
  overflow: hidden;
  background-image: none;
}
.div-block-14.blog-thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 14px 14px 0 0;
}