diff --git a/components/QuotationCarousel.tsx b/components/QuotationCarousel.tsx
index c8d16a5..fed81a7 100644
--- a/components/QuotationCarousel.tsx
+++ b/components/QuotationCarousel.tsx
@@ -77,6 +77,7 @@ function Circle({
   return (
     <div
       className={className}
+      aria-hidden
       style={{
         width: `${diameter / 16}rem`,
         height: `${diameter / 16}rem`,
@@ -113,6 +114,7 @@ function QuotationMark({ className }: { className: string }) {
   return (
     <svg
       className={className}
+      aria-hidden
       width="68"
       height="56"
       viewBox="0 0 68 56"
diff --git a/pages/_app.css b/pages/_app.css
index 5f81464..acde634 100644
--- a/pages/_app.css
+++ b/pages/_app.css
@@ -20,7 +20,7 @@ body {
   --light--primary-accent-light: var(--orange);
   --light--primary-accent-lighter: #FFBC9F;
   --light--secondary-accent: #E55F98;
-  --light--translucent-accent: rgba(255, 231, 231, 0.6);
+  --light--translucent-accent: rgba(255, 231, 231, 0.75);
   --light--secondary-accent-light: #FEA0C8;
   --light--primary-heading: #D02B53;
   --light--primary-text: #483B35;
@@ -38,7 +38,7 @@ body {
   --dark--primary-accent-lighter: var(--lighter-pink);
   --dark--secondary-accent: var(--orange);
   --dark--secondary-accent-light: var(--light-orange);
-  --dark--translucent-accent: rgba(239, 131, 157, 0.6);
+  --dark--translucent-accent: rgba(239, 131, 157, 0.75);
   --dark--primary-heading: #FFC48D;
   --dark--secondary-heading: var(--pink);
   --dark--link: var(--pink);