<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/c9bc131388434b3a9d214a583e59d438&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/c9bc131388434b3a9d214a583e59d438-09658d6cdac1b17d.gif</thumbnail_url><duration>524.074</duration><title>Styling Individual Component Instances in Webflow</title><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.</description></oembed>