Streaming live at 10am (PST)

How to get seamless transition from video to background?

Hey there,

I just finished my first Webflow website and I’m loving it except for one small thing:

My landing page is broken into a left and right setup: Slogan and link on the left. Animated background video on the right.

My issue is with the pink color of the video background seamlessly matching with the pink color of the overall container it’s sitting in so it doesn’t have this stupid letterbox effect to it.

On some browsers it works great! Totally seamless (iphone, iPad, my PC monitor) but on others it’s very obvious (MacBook Pro). Does anyone know how to get these color values to be exactly the same on all devices? Or is there a better workaround here?

Thanks in advance and provided below is my Read-Only link!

https://preview.webflow.com/preview/doctor-president?utm_medium=preview_link&utm_source=dashboard&utm_content=doctor-president&preview=00691800e7d1177296e0ef3b6e5c9ea0&mode=preview



Here is my site Read-Only: LINK
(how to share your site Read-Only link)