How can I position my popup in the middle of the page?

Hello. I want my popup to be in the middle (center) of the page, not at the bottom. How can I do this?

Store URL: https://4pqx986blkce0xc6-57869762725.shopifypreview.com/

Thank you.

@rafaelgnunes

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.blocker {
transform: translateY(-30%); 
top: 50%;
}

@KetanKumar Another awesome solution! Thank you again! Can you help me with other thing (sorry for asking for many things)?

How can I give the same space between the slideshow and the featured image as it is below to the icons section? Also, it looks really bad on mobile, how can I put the featured image to be good on mobile? Thanks!

How do I do this with a .scss template?? I am using Palo Alto ver. 2.7.2 and it only has theme.liquid or theme.scss.liquid.