fix: heading-appears-correctly (asyncapi#537)

Co-authored-by: naman9271 <namanjain9271@gmail.com>
Co-authored-by: Cody's Dad <40604284+AceTheCreator@users.noreply.github.com>

Author: naman9271

components/Speaker/speaker.js

@@ -7,7 +7,7 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full'>
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full border-2 border-gray-300 bg-gray-800'>
 				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover transition-all duration-300 hover:scale-110 w-[100%] h-[100%]' />
 			</div>
 			<div className='mt-[19px]'>

pages/index.js

@@ -56,7 +56,7 @@ export default function Home() {
         <div className="flex items-center flex-col justify-center">
           <div
             id="speakers"
-            className="relative flex flex-col items-center justify-center"
+            className="relative flex flex-col items-center justify-center pt-20"
           >
             <div className="text-center">
               <div className="flex items-center justify-center">
@@ -175,11 +175,11 @@ export default function Home() {
               </div>
             </div>
           </div>
-          <div id="tickets" className="flex items-center flex-col justify-center">
+          <div id="tickets" className="flex items-center flex-col justify-center pt-20">
             <div className="text-lg sm:text-sm text-white font-semi-bold border-b-2 border-blue-400 mb-1">
               Tickets
             </div>
-			<div data-test="ticket-section">
+			<div data-test="ticket-section" className="flex flex-col items-center ">
             <Heading
               typeStyle="heading-md"
               className="text-gradient text-center lg:mt-10"