BackgroundAnimation.tsx
1 import { Box } from '@chakra-ui/react'; 2 import Bubbles from 'components/svg/Bubbles'; 3 4 const BackgroundAnimation = (): JSX.Element => { 5 return ( 6 <Box position="absolute" inset="0" zIndex="-1"> 7 <Bubbles /> 8 <Box position="absolute" inset="0" backdropFilter="blur(50px)" /> 9 </Box> 10 ); 11 }; 12 13 export default BackgroundAnimation;