Make Calendly's embedded widget stretch to container width

I’ve embedded my Calendly using their embed code but it sits central and looks out of place. I’m trying to make it either stretch across the full width of the container (1180px) or sit at the left-hand side of the page in line with the header “Looking for content that delivers”

I’ve tried doing this myself but nothing I try works.


Here is my site Read-Only: Webflow - Luke's Site

Link showing the widget (bottom of page): https://lukes-site-26d43b.webflow.io/

Calendly embeds are based on an <iframe> , and styling elements inside that <iframe> can be challenging due to security and cross-origin restrictions. While it’s technically possible for them to provide an option to change the width of the wrapper that holds the widget, they currently do not offer this feature, likely because it could lead to support difficulties for them. If you require more extensive customization, you might want to explore Calendly’s API. Additionally, keep in mind that there are alternative scheduling solutions available if Calendly’s limitations don’t meet your specific needs."