diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 3791459..9afeea6 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -472,15 +472,30 @@ const projects: Project[] = [ width: var(--portrait-frame-size); height: var(--portrait-frame-size); + position: relative; border-radius: 50%; - background: var(--color-slate); overflow: visible; display: flex; align-items: flex-end; justify-content: center; } +.hero__portrait-frame::before { + content: ''; + position: absolute; + left: 50%; + bottom: 0; + z-index: 0; + width: 110%; + aspect-ratio: 1; + border-radius: 50%; + background: var(--color-slate); + transform: translateX(-50%); +} + .hero__portrait { + position: relative; + z-index: 1; width: 110%; height: auto; display: block;