using backdrop filter for faster rendering

src/components/containers/BlurWrapper/index.tsx

@@ -1,10 +1,9 @@
 import React, { AllHTMLAttributes, FC } from 'react';
 import * as styles from './styles.scss';
+import classNames from 'classnames';
 
 type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
 
 export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
-  <div className={styles.blur} style={{ filter: `blur(${is_blurred ? 15 : 0}px)` }}>
-    {children}
-  </div>
+  <div className={classNames(styles.blur, { [styles.is_blurred]: is_blurred })}>{children}</div>
 );