From fd61bb36013fd8c6814e9b588f6e5a8491632c4f Mon Sep 17 00:00:00 2001
From: sii42400 <sii42400@adobe.com>
Date: Fri, 17 Apr 2026 14:17:17 +0200
Subject: [PATCH] fix(cv): set fixed 245x245px centered photo in sidebar

Made-with: Cursor
---
 src/styles/general.scss | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/styles/general.scss b/src/styles/general.scss
index 7263855..f18184b 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -127,17 +127,15 @@ body {
         position: static;
         display: flex;
         flex-direction: column;
+        align-items: center;
 
         .segment_image {
             float: none;
-            width: 100%;
-            height: auto;
-            background-color: transparent;
-        }
-
-        .cover {
-            object-fit: contain;
+            width: 245px;
+            height: 245px;
+            object-fit: cover;
             object-position: top;
+            background-color: transparent;
         }
 
         .segment_header_middle {
@@ -150,10 +148,11 @@ body {
 
         .segment_title_image {
             float: none;
-            margin-left: 0;
-            width: 100%;
+            margin-right: auto;
+            margin-left: auto;
+            width: 245px;
             padding-top: 12px;
-            height: 45px;
+            height: 55px;
             color: var(--on-accent-color);
             font-family: $title_font_family;
             font-size: $title_font_size;
@@ -203,8 +202,11 @@ body {
 
     .segment_content_image {
         float: none;
-        width: 100%;
+        width: 245px;
         height: auto;
+        margin-top: 15px;
+        margin-left: 0 auto;
+        margin-right: 0 auto;
         padding: 12px 10px;
         box-sizing: border-box;
         font-size: $regular_image_font_size;