From 2de779d90c83430426f8d3e20e9cdbfe402a8abb Mon Sep 17 00:00:00 2001
From: Raghu <raghu6004@gmail.com>
Date: Thu, 3 Apr 2025 23:08:32 -0400
Subject: [PATCH] refator style defs for home template

---
 src/app/home/home.component.scss | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index dc8fa99..ec253cb 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -3,14 +3,33 @@
   justify-content: center;
   flex-direction: column;
   align-items: center;
+  padding: 1rem;
 
-  &__img {
-    display: block;
-    height: 300px;
-    width: 300px;
+  &__img-container {
+    position: relative;
+    width: 208px;
+    height: 208px;
+  }
+
+  &__circle {
+    position: absolute;
     border-radius: 50%;
-    background-image: url("../../assests/images/rc-logo.jpeg");
-    background-size: cover;
+
+    &--large {
+      height: 208px;
+      width: 208px;
+      background-color: var(--mat-sys-primary);
+    }
+
+    &--small {
+      height: 200px;
+      width: 200px;
+      background-image: url("../../assests/images/rc-logo.jpeg");
+      background-size: cover;
+      top: 50%;
+      left: 50%; 
+      transform: translate(-50%, -50%);
+    }
   }
 
   &__header {