{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/c9bc131388434b3a9d214a583e59d438\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/c9bc131388434b3a9d214a583e59d438-09658d6cdac1b17d.gif","duration":524.074,"title":"Styling Individual Component Instances in Webflow","description":"In this video, I demonstrate a technique to address the limitation in Webflow where styling individual component instances differently is challenging. I showcase how to adjust the positioning of a hero image on a per-instance basis using custom CSS and a unique attribute approach. This technique offers a creative solution for precise image positioning, enhancing design flexibility without relying on classes. Viewers can implement this method to gain more control over component styling in Webflow."}