Gallery Block Glitch on my Home Page

When I click on one of my video gallery block thumbnails (ex: Vince Staples 'Fun' or Solange 'When I Get Home') and then press back in my browser to go back to my home page, the video gallery block glitches in the background of my home page. See attached reference images.

homepage url: http://ryanmariehelfant.com

@tuanphan Can you help me fix this?

I can't recreate this error on my end... The images do stall loading for a second until I scroll sometimes. What you might do at the top of each page is add a text link that goes to the main index (homepage).  

Hey @DPruitt try clicking on the gallery block that says 'Solange 'When I Get Home' then hit play on the video, and then click 'Back' in your Browser to re-direct you to the homepage.

Let me know if you see the glitch? I have tried it on 5 different laptops and have experienced the error on each one.

I've not been able to reproduce your issue and I can confirm the loading issue when going back that @DPruitt mentions.

I first didn't hit play and went back, then hit play and went back.

What browser and OS are you using? I'm on macOS/Chrome.

Made you a quick video on chrome PC.  It seems to be doing the same thing on my device as it did a few days ago; definitely agree there's something fishy going on:
https://www.loom.com/share/8774a48befc44b93878ffeb6970b093e?sid=a3f8cd90-15e6-4e00-a1ab-a72c12d2a9a7

@DPruitt @creedon @tuanphan Inserting this custom CSS background seems to have solved the glitch. Thank you!

Hey @DPruitt @creedon @tuanphan I think I spoke too fast. Even with the custom CSS background, the glitch is now appearing at the very bottom of my page when I click on certain gallery blocks.

For example, if you click on the gallery block CONSTRUCTION OF ‘BALENCIAGA’ AT 10-12 AVENUE GEORGE V, scroll down to the bottom, and then click 'back' in your browser, you get the glitch on the bottom of my home page (see attached video and attached image).

The custom CSS background seems to have solved the problem for the other gallery blocks, but is creating a glitch at the bottom of the home page for this particular gallery block perhaps because it contains 7 videos  and its visual length exceeds the length of graphics on the home page.

Is there a way to extend the custom CSS background so I don't get this glitch on the background of my home page. Or is there another solution?

Cheers

Ryan

Herea are a few options to try, maybe give the spacer blocks, collection, or column the same background color?

Option 1:

#block-yui_3_17_2_1_1640964500100_2605,#block-yui_3_17_2_1_1679103621292_45471
{background-color:#000000 !important;}

Option 2:

#collection-58b722d99f7456509dacf1f3
{background-color:#000000 !important;}

Option 3:

.columns-12
{background-color:#000000 !important;}

@DPruittUnfortunately, these did not work. Any other ideas?

Can you give me access to your site: derek@derekpruitt.design

Hey @DPruittI invited you to collaborate as a website editor. Please let me know if I did this correctly, as this is my first time doing it!

Thank you so much!

I need admin access as I can't write any CSS, but it might be better for you to...

I removed the spacer blocks below the index, so let me know if you need additional spacing at the bottom.  After that, let's try to remove the empty page footer at the bottom.  From there, we are going to change the index and give a background color to the footer.

Please try adding this CSS and send a screenshot once complete if the project index page is still overlaying the footer.

.empty {
    display: none !important;
}

#footer
{background-color:#000000 !important;
  z-index:9999999 !important;
  position:relative !important;}

Hey @DPruittI gave you admin access! Please find screenshot and video of error. It unfortunately still exists even after the changes you made and after I injected the new code.

Any additional help would be greatly appreciated!

Can you check to see if that helped any?  The approach was to hide the overflow this time.

Also, you do have a project title in the top right that's in black:
.project-title

It also looks like you've hidden your pagination which could be some of the issues in hitting the back button and getting the error; I think using that feature would probably solve the issue.

@DPruittThank you so so so much!!! You have resolved my issue completely!!!