To fix the issue where your custom cursor gets stuck at the edge of the div when hovering over Vimeo videos in your Webflow CMS project pages, you can try the following steps:
1. Identify the CSS selector for the Vimeo video element: Inspect the video element on your Webflow CMS project page using your browser's developer tools (right-click on the video and choose "Inspect" or "Inspect element"). Look for the appropriate CSS selector for the Vimeo video. It might look something like `.vimeo-embed`.
2. Add a custom CSS rule to limit the pointer events: Once you have identified the CSS selector for the Vimeo video, you can add a custom CSS rule to limit the pointer events on the video element. This will prevent the custom cursor from getting stuck at the edge of the div. Here's an example:
```css
.vimeo-embed {
pointer-events: none;
}
```
In this example, we're setting the `pointer-events` property to `none` for the Vimeo video element. This will allow the cursor to pass through the video element, preventing it from getting stuck at the edge of the div.
3. Apply the custom CSS rule in Webflow: Open your Webflow project and navigate to the page where the issue is occurring. Go to the Designer view and open the Custom Code panel. Under the `
` section, click on the "+" button to add a new `