fix: layouts and scrolls

src/components/overlays/BlurredOverlayContainer.tsx

@@ -41,6 +41,8 @@ const BlurredOverlayContainer = ({
   const variants: Variants = {
     hidden: {
       opacity: 0,
+      visibility: 'hidden',
+      display: 'none',
       transition: {
         delay: transitionDelay / 1000,
         duration: 0.3,
@@ -49,6 +51,8 @@ const BlurredOverlayContainer = ({
     },
     visible: {
       opacity: 1,
+      visibility: 'visible',
+      display: 'block',
       transition: {
         delay: transitionDelay / 1000,
         duration: 0.3,
@@ -64,7 +68,7 @@ const BlurredOverlayContainer = ({
       className={clsx(
         className,
         visible || loaded ? 'z-50' : !visible && !loaded ? '-z-50' : 'z-0',
-        'fixed inset-0 flex items-center justify-center h-dvh w-full backdrop-blur-sm',
+        'absolute inset-0 flex items-center justify-center h-full w-full backdrop-blur-sm',
       )}
       style={{
         backgroundColor: `rgba(0, 0, 0, ${bgOpacity / 100})`,