diff --git a/about.html b/about.html
index efac262..8360ece 100644
--- a/about.html
+++ b/about.html
@@ -64,7 +64,7 @@
-

+
@@ -195,12 +195,11 @@
width: 100%;
height: auto;
display: block;
- filter: grayscale(20%);
transition: filter var(--transition-medium);
}
.profile-image-large:hover img {
- filter: grayscale(0%);
+ filter: brightness(1.05);
}
.profile-overlay {
diff --git a/index.html b/index.html
index 1da66ef..1e0729f 100644
--- a/index.html
+++ b/index.html
@@ -214,7 +214,7 @@
-

+
diff --git a/style.css b/style.css
index 44d163d..6e68a4e 100644
--- a/style.css
+++ b/style.css
@@ -837,22 +837,21 @@ body {
width: 280px;
height: 280px;
margin: 0 auto;
- border-radius: 50%;
+ border-radius: var(--radius-xl);
overflow: hidden;
border: 4px solid var(--color-accent);
- box-shadow: 0 0 40px rgba(14, 165, 233, 0.3);
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 40px rgba(14, 165, 233, 0.2);
}
.profile-frame img {
width: 100%;
height: 100%;
object-fit: cover;
- filter: grayscale(20%);
+ object-position: center top;
transition: all var(--transition-medium);
}
.profile-frame:hover img {
- filter: grayscale(0%);
transform: scale(1.05);
}