How do I make the contact form be floating and sticky to the scrolling of the screen?

website: https://acromegalytrials.squarespace.com/

Hello, how would I make the contact form (located on the right on the page) be floating and sticky so it can stay on the screen when the user scrolls the website. (Example is https://www.endesatarifasluzygas.com/luz/)

This is possible to do, can you share your website site wide password? Thanks

Sorry about that the password is camurus.

Your design is not at all suited to having a sticky fixed element, at the moment it won't work with the text block above it, and it won't work with the content below it as everything in the right third would be hidden. If you can duplicate the page and design it with nothing above the form (you could add a line element to the form fields instead of the text block above the form), and nothing in the right third below, you can then use code similar to this to make it sticky:

.fe-block fe-block-yui_3_17_2_1_1670608241446_13958  {
  min-height: 0 !important;
  position: sticky !important;
  -webkit-position: sticky !important;
  top: 0;
  z-index: 999;
}

Hope that helps!