Grist

.video-in-laptop { --laptop-top-offset: calc(13 / 625); --laptop-x-offset: calc(72 / 625); --laptop-overhang: 20%; position: relative; padding-left: calc((100% + var(--laptop-overhang)) * var(--laptop-x-offset)); padding-right: calc((100% + var(--laptop-overhang)) * var(--laptop-x-offset)); padding-top: calc((100% + var(--laptop-overhang)) * var(--laptop-top-offset)); margin-left: -15%; margin-right: -5%; } @media (max-width: 600px) { .wp-block-columns:not(.is-not-stacked-on-mobile) .video-in-laptop { margin-left: -5%; margin-right: -5%; --laptop-overhang: 10%; } } .video-in-laptop::before { content: ""; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 57%; background: top/contain no-repeat url(/wp-content/uploads/2023/05/Macbook-Detailed2.svg); } .grist-slider { overflow:…

Excerpt limited to ~120 words for fair-use compliance. The full article is at Grist.