Custom calendar overlapping with header instead of being in the body of the page

Hi there, 

I have been trying to add the calendar widget from Cal.com to a blank page on my website, which I then plan to fill with other information. When I add in the code, however, the calendar goes onto overlapping with the header. I was wondering how to make it so it appears where it should? And if possible how to make it responsive to different sizes/devices if it is not already?

What if I want to add blocks of text on top or below that? Is it easily doable?

I have no experience with code apart from when I was creating html for fb pages as a teenager more than a decade ago. Whoever can help me with this might have to actually spell it out for me in the simplest terms possible, but I will try my absolute best to do my part as well. 

Thank you!

Hi,

Can you share link to this page?

Yes! It's https://www.sunnysideupart.com/prova-trial

Amazing, that worked, thank you so much for taking the time to help!