Banner.jsx

import React from 'react';
import useBaseUrl from '@docusaurus/useBaseUrl'

export default function Banner({children}) {
  const bgSource = useBaseUrl('/images/banner.svg')

  return <div className={'flex my-8 items-stretch'}>
    <div className={'w-screen bg-repeat-x bg-yellow-400 max-w-screen'}
         style={{backgroundImage: `url('${bgSource}')`, margin: '0 -9999rem', padding: '2rem 9999rem'}}>
    </div>
    <div className={'flex justify-between p-8 gap-8 relative relative mx-auto items-stretch'}>
      {children}
    </div>
  </div>
}