background animation

Hi there,

first thing you will need to do is to edit that Container Block, and change Background type to Pseudo Element.
This will move the background to a pseudo element that can be styled separately.

If you make that change then we can take a lot at the animation.

Thanks David. I've updated the Container Block to a Pseudo element now.

Now:

1. Add this CSS to your site:

.has-fade-in {
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

2. Edit that Container block again and in Advanced > Additional CSS Class(es) add: has-fade-in

Perfect! thanks David.

You're welcome