/* Weighted hero rotation — generated by build_hero_rotation.py. Her own photograph carries most of the weight; the rest are variety. One class is stamped on before paint, so only one image loads. */ /* hv1 duo weight 7 */ .hv1 .hero-img{background-image:url("img/duo-2000.webp");background-position:50% 35%} @media (max-width:859px){.hv1 .hero-img{background-image:url("img/duo-640.webp");background-position:34% 22%}} /* hv2 mj-stool-31 weight 1 */ .hv2 .hero-img{background-image:url("img/mj-stool-31-1080.webp");background-position:60% 42%} @media (max-width:859px){.hv2 .hero-img{background-image:url("img/mj-stool-31-640.webp");background-position:56% 12%}} /* hv3 miriam-wall weight 1 */ .hv3 .hero-img{background-image:url("img/miriam-wall-2000.webp");background-position:60% 42%} @media (max-width:859px){.hv3 .hero-img{background-image:url("img/miriam-wall-640.webp");background-position:64% 24%}} /* hv4 hero-linen weight 1 */ .hv4 .hero-img{background-image:url("img/hero-linen-1080.webp");background-position:60% 42%} @media (max-width:859px){.hv4 .hero-img{background-image:url("img/hero-linen-640.webp");background-position:56% 12%}} /* the element itself; the variant supplies image + position */ .hero-img{background-size:cover;background-repeat:no-repeat}