fix: background overlap

This commit is contained in:
enes 2024-07-30 13:23:06 +02:00
parent e9a1b9894c
commit 202c98c94c

View File

@ -163,6 +163,15 @@ export const LandingPage = () => {
return ( return (
<div className={styles.background}> <div className={styles.background}>
<div
className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
style={{ backgroundImage: `url(${bg_l})` }}
></div>
<div
className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
style={{ backgroundImage: `url(${bg_r})` }}
></div>
<Container className={styles.container}> <Container className={styles.container}>
<img className={styles.logo} src="/logo.svg" alt="Logo" width={300} /> <img className={styles.logo} src="/logo.svg" alt="Logo" width={300} />
<div className={styles.titleSection}> <div className={styles.titleSection}>
@ -209,14 +218,6 @@ export const LandingPage = () => {
<Outlet /> <Outlet />
</Container> </Container>
<div
className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
style={{ backgroundImage: `url(${bg_l})` }}
></div>
<div
className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
style={{ backgroundImage: `url(${bg_r})` }}
></div>
</div> </div>
) )
} }