CSS code to make slideshow full width of browser window

Site URL: https://www.waypointfilms.com/#home

Hi - Anyone know what is need code wise to make the slideshow on this home page (under the first block of text) the full width of the browser window?:

https://www.waypointfilms.com/#home

Would also love to make the thumbnails on this page full width as well:

https://www.waypointfilms.com/work

THANKS IN ADVANCE for your help!

--

Hi @waypoint

This is the code you need, add it into your Custom CSS panel.
 

body:not(.sqs-edit-mode-active) {
  overflow-x: hidden;
  
  // full width blocks
  #block-yui_3_17_2_1_1533160323790_11724,
  #block-yui_3_17_2_8_1471981268301_7054 {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  // extra space for slideshow controls
  #block-yui_3_17_2_1_1533160323790_11724 .sqs-gallery-controls {
    .next {
      right:2rem;
    }
    .previous {
      left: 2rem;
    }
  }
}

If you need to make more blocks full width, you can do this by finding and adding the block ID to the code