Transforming Summary Header to Vertical - but stuck with it overlapping the carousel.

Site URL: https://sunfish-rhombus-fze9.squarespace.com/

Hi there,

I am trying to make the Summary Header vertical (which I have succeeded at) but now I am stuck with it covering the carousel. 

Screen shot below + code I have inserted. Any suggestions? 

.sqs-block-summary-v2 .summary-heading {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  position: absolute;
  z-index:2;}
 

I tried this the below, but it's not quite the solution I am after as it adds margin to each item rather than the whole carouse. 

#yui_3_17_2_1_1614023747634_337 .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item:not(.positioned) {margin-left: 30px !important;}

Any guidance would be much appreciated! 

Thank you 

Hi. The url doesn't exist. can you check again?