Issue with my embedded calendly positioning on different views

I want to place my Calendly on the left hand side (of the schedule a call with us section) as seen on the website on the desktop and laptop views. However, then move it to underneath on the tablet, and phone view. Although, every time I try to move it on the lower breakpoints it always changes on the desktop (which I don’t want).

Reason of moving the Calendly underneath on the smaller breakpoints and views is that it isn’t in frame on the tablet and mobile phone from the left side.

Thank you.

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