<?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/ffb69305eb9d4a8d8fbf1e9667ec81cc&quot; frameborder=&quot;0&quot; width=&quot;2200&quot; height=&quot;1650&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1650</height><width>2200</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1650</thumbnail_height><thumbnail_width>2200</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/ffb69305eb9d4a8d8fbf1e9667ec81cc-3b9dec3100480866.gif</thumbnail_url><duration>687.578</duration><title>Creating a Seamless Logo Carousel with Custom CSS</title><description>In this video, I walk you through setting up a logo carousel using custom CSS, inspired by a snippet from the NoCodeSupplyCo website. We’ll create an animation that runs for 40 seconds, ensuring it pauses on hover for accessibility. I’ll guide you through the necessary classes, like LoopCollection and LoopTrack, and how to structure your CMS collection for logos. I recommend testing with a shorter duration to ensure smooth loading and to avoid any bugs in the Webflow canvas. Please follow along and implement these steps in your project!</description></oembed>