style: update about & speaker blobs (#81)

src/app/pages/Designathons/Designathon24/components/About/About.module.scss

@@ -63,7 +63,7 @@
 	.bl {
 		position: absolute;
 		max-width: 200px;
-		bottom: 0px;
+		bottom: 16px;
 		left: 0px;
 
 		@media screen and (min-width: 640px) {

src/app/pages/Designathons/Designathon24/components/About/index.jsx

@@ -4,9 +4,8 @@ import clsx from "clsx";
 import airplane from "../../assets/graphics/about/airplane.svg";
 import paperclip from "../../assets/graphics/about/paperclip.svg";
 import tr_gradient from "../../assets/graphics/about/tr_gradient.svg";
-import bl_gradient from "../../assets/graphics/about/bl_gradient.svg";
+import bl_blob_stars from "../../assets/graphics/about/bl_blob_stars.svg";
 import tr_stars from "../../assets/graphics/about/tr_stars.svg";
-import bl_stars from "../../assets/graphics/about/bl_stars.svg";
 import Notecard from "../Notecard/Notecard";
 
 const About = () => {
@@ -17,9 +16,8 @@ const About = () => {
 				alt="tr_gradient"
 				className={clsx(cn.tr, cn.gradient)}
 			/>
-			<img src={bl_gradient} alt="" className={cn.bl} />
+			<img src={bl_blob_stars} alt="" className={cn.bl} />
 			<img src={tr_stars} alt="" className={cn.tr} />
-			<img src={bl_stars} alt="" className={cn.bl} />
 
 			<h2 className={cn.aboutHeading}>About</h2>
 			<Notecard lineAdjustment={1}>

src/app/pages/Designathons/Designathon24/components/Speakers/Speakers.jsx

@@ -57,7 +57,6 @@ const Speakers = () => {
 				className={clsx(cn.decoration, cn.br_star_stripe_gradient)}
 			/>
 			<h2 className={cn.heading}>Speakers</h2>
-
 			<div className={cn.polaroids}>
 				<div className={cn.keynote}>
 					<h3 className={cn.polaroidHeading}>Keynote Speaker</h3>

src/app/pages/Designathons/Designathon24/components/Speakers/Speakers.module.scss

@@ -9,6 +9,7 @@
 	font-size: 1rem;
 
 	.heading {
+		position: relative;
 		color: var(--des24-hot-pink);
 		font-size: 3rem;
 		font-weight: 700;