/*
 * Post banner images (top of each post, and the "Previous Section" banner at the bottom).
 *
 * The theme's own sizing rule in main.css has a broken selector
 * (".section-backgroundImage site.baseurl.post-featuredImage"), so banner images were drawn
 * at their raw file size from the top-left corner, and the posts' topPosition offsets had no
 * effect. These rules make every banner image fill its area and crop from a focal point.
 *
 * Set the focal point per post in the front matter:
 *   image:
 *     feature: week6a.jpg
 *     focus: 50% 30%      # horizontal% vertical%; defaults to the center
 * _layouts/post.html passes it to the image as object-position.
 */

.section-backgroundImage .post-featuredImage,
.section--prePost .section-backgroundImage img.post-featuredImage {
  position: absolute !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  object-fit: cover;
  object-position: 50% 50%;
}