Mostanság kezdtem el a vw mértékegységet használni reszponzív weboldalak készítéséhez, így jól jönne egy kis segítség a témában.

Egy olyan weboldalt fogok készíteni aminek egyes részein videó animációk lesznek. A lényeg, hogy az ötlet megvan, amit az alábbi linken mutatok meg. Adott egy kép, amiből "ki van vágva" egy darabka és az a darabka egy másik div elem-be betéve "pótolja a képet".
Ha fix pixel szélesre tervezném, akkor menne a dolog, de átméretezhetőre lenne jó megcsinálni. Nálam 1280X felbontásban kb. passzol az a "darabka", de ahogy méretezem a böngészőt, már elmozdul.

Kisebb trükkök már eszembe jutottak, hogy el tudjam csalni az elmozdulást (pl. picit nagyobbra veszem a darabkát és z-indexel alulra teszem), de akkor nem lehet nagyon részletes grafikánál ezt elfogadhatóan megcsinálni.

A kérdés tehát az, hogy van-e ötletetek, hogy az a darabka pixel pontosan passzoljon a képhez, akkor is ha átméretezem a képernyőt?
(A darabka div a kép bal felső részél van, de méretezéskor látni fogod xD)

link: css.s5.webdigital.hu/