signin.tsx

function Example() {
  return (
    <aside className='relative items-center justify-center flex-1 hidden text-white lg:flex'>
          <Image src={mask} alt='mask' className='absolute top-0 left-0' />
          <Image
            src={mask}
            alt='mask'
            className='absolute bottom-0 right-0 rotate-180'
          />
          <Blob className={'absolute'} />
          <div
            aria-label='decorations'
            className='flex flex-col items-center justify-center'
          >
            <div className='relative w-full h-[540px]'>
              <div className='relative w-[270px] h-[270px]'>
                <Image
                  src={image2 as unknown as string}
                  alt='Kid playing scratch'
                  loading='eager'
                  className='absolute top-0 left-0 max-w-[270px] h-[270px] w-full'
                />
              </div>
              <div className='relative w-[270px] h-[270px]'>
                <Image
                  src={image1 as unknown as string}
                  alt='Woman chewing pencil'
                  loading='eager'
                  className='absolute top-0 left-0 max-w-[270px] h-[270px] w-full'
                />
              </div>
            </div>
            <div className='z-20 flex flex-col items-center justify-center gap-4'>
              <h3 className='font-bold text-[26px] leading-8 '>
                Keep Record of Everything
              </h3>
              <p>
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic,
                repellendus.
              </p>
              <svg
                width='43'
                height='7'
                viewBox='0 0 43 7'
                fill='none'
                xmlns='http://www.w3.org/2000/svg'
              >
                <rect x='0.5' width='20' height='7' rx='3.5' fill='white' />
                <rect x='24.5' width='7' height='7' rx='3.5' fill='#D9D9D9' />
                <rect x='35.5' width='7' height='7' rx='3.5' fill='#D9D9D9' />
              </svg>
            </div>
          </div>
        </aside>
  )
}