I’m having some funky fade-in interaction issue with my slider in the second section. The design intent is to have the logos stay visible and the cards background and information fade in as a user scrolls into this section. Currently the fade-in interaction works perfectly for the cards that are in view but not for the cards that haven’t rotated into view within the slider. They come in blank. I’m not sure how to fix this. If anyone has run into this issue or have a workaround for this please let me know.
Here is a screen capture of the cards without BG:
Here are the cards in view:
Here is an example of the cards sliding into view but the backgrounds missing:
Here is a link to the site: