Best Practices for Animations Across Different Breakpoints

With animations, is it good practice to do different animations for different breakpoints or best to try to keep one animation that works for all? I'm asking in a case that I have 3 boxes next to each other on mobile and I want #1 to fade in, and then .5 seconds later #2 to fade in and the same for #3, but on mobile it's only 1 column and I don't want that delay. Any tips? Thank you