.image-with-screenshots{position:relative;height:100svh;width:100vw;overflow:hidden}.image-with-screenshots__background{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focal-x) var(--focal-y);object-position:var(--focal-x) var(--focal-y)}.image-with-screenshots__content{position:relative;z-index:1;height:100%;width:100%;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));display:flex;align-items:center}.image-with-screenshots__content:before{position:absolute;bottom:0;left:0;height:100%;width:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: rgb(33 31 33 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(33 31 33 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(95 81 70 / 0) var(--tw-gradient-to-position);max-width:42rem}@media (min-width: 1024px){.image-with-screenshots__content:before{max-width:56rem}}.image-with-screenshots__content:before{content:""}.image-with-screenshots__content__inner{display:grid;gap:3rem}@media (min-width: 1024px){.image-with-screenshots__content__inner{-moz-column-gap:10rem;column-gap:10rem}}.image-with-screenshots__content__inner{grid-template:"heading heading" auto "image2 image3" auto "image1 image3" auto/1fr 1fr}@media (min-width: 768px){.image-with-screenshots__content__inner{grid-template:"heading heading image3" auto "image1 image2 image3" auto/auto auto auto}}.image-with-screenshots__heading{z-index:1;max-width:32rem;font-family:DaVinci,serif;font-size:1.5rem;line-height:1.625rem}@media (min-width: 1024px){.image-with-screenshots__heading{max-width:42rem;font-size:1.875rem;line-height:2rem}}.image-with-screenshots__heading{line-height:1.1;grid-area:heading}.image-with-screenshots__image{width:100%;align-self:flex-end;z-index:1}.image-with-screenshots__image:nth-of-type(1){grid-area:image1}.image-with-screenshots__image:nth-of-type(2){grid-area:image2}.image-with-screenshots__image:nth-of-type(3){grid-area:image3}