From 3de1ef108004bde69b0211c98e7e112c2a2e8c50 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Tue, 7 Jan 2025 22:06:50 +0300
Subject: [PATCH] Feat: images container in tier level

---
 src/components/Tier.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/Tier.tsx b/src/components/Tier.tsx
index ba1689e..26969a5 100644
--- a/src/components/Tier.tsx
+++ b/src/components/Tier.tsx
@@ -27,17 +27,20 @@ export const Tier = ({ color, name, textColor }: TierProps) => {
       text_color_code = '#2d3436';
   }
   return (
-    <div className='w-full min-h-64 bg-[#2d3436] relative h-auto'>
-      <div
-        className='w-52 h-80 flex items-center justify-center'
-        style={{
-          color: text_color_code,
-          backgroundColor: color_code,
-        }}
-      >
-        <p className=''>{name}</p>
+    <>
+      <div className='w-full min-h-64 bg-[#2d3436] h-auto flex flex-row'>
+        <div
+          className='w-52 h-80 flex items-center justify-center'
+          style={{
+            color: text_color_code,
+            backgroundColor: color_code,
+          }}
+        >
+          <p>{name}</p>
+        </div>
+        <div className='image-container flex flex-row gap-1'></div>
       </div>
       <hr />
-    </div>
+    </>
   );
 };