From f7fe303fa768f59d04906c17d76fa0b6ffb8cfe4 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Thu, 13 Feb 2025 11:39:10 +0100
Subject: [PATCH] Fix background css for clients iOS < 13.1

---
 public/styles/styles-main.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/styles/styles-main.css b/public/styles/styles-main.css
index 9401d45..cff0d1d 100644
--- a/public/styles/styles-main.css
+++ b/public/styles/styles-main.css
@@ -696,7 +696,6 @@ button::-moz-focus-inner {
 
 
 /* Info Animation */
-
 #about {
     color: white;
     z-index: 32;
@@ -752,9 +751,11 @@ button::-moz-focus-inner {
     height: var(--size);
     z-index: -1;
     background: var(--primary-color);
-    background-image: radial-gradient(circle at calc(50% - 36px), var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 40%, black) 80%);
+    background-image: radial-gradient(circle at calc(50% - 36px), var(--primary-color) 0%, black 80%);
     --crop-size: 0px;
     clip-path: circle(var(--crop-size));
+    /* For clients < iOS 13.1 */
+    -webkit-clip-path: circle(var(--crop-size));
 }
 
 html:not([dir="rtl"]) #about x-background {