From abde466fae1dc97dea03f36926c657dd6b79305a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kerdo=20K=C3=A4=C3=A4rma?= <kerdo.kaarma@gmail.com>
Date: Sat, 9 Aug 2025 19:46:05 +0300
Subject: [PATCH] Added images to page

---
 src/app/turniirid/page.tsx | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app/turniirid/page.tsx b/src/app/turniirid/page.tsx
index 0767fb1..55da386 100644
--- a/src/app/turniirid/page.tsx
+++ b/src/app/turniirid/page.tsx
@@ -56,20 +56,27 @@ export default function Tourney() {
                             </a>
                         </div>
                     </div>
-                    <div className={"mr-4 md:mr-40 md:w-180"}>
+                    <div className={"hidden md:block mr-4 md:mr-40 md:w-180"}>
                         <div className={"-skew-x-2 md:-skew-x-5"}>
                             {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
+                            <img
+                                src="images/cs2_tournament.png"
+                                alt="CS2 tournament"
+                            />
                         </div>
                     </div>
-                    {/* Image placeholder */}
                 </div>
 
                 <SectionDivider />
 
                 <div className={"flex flex-row gap-8 md:gap-16"}>
-                    <div className={"ml-4 md:ml-40 md:w-180"}>
+                    <div className={"hidden md:block ml-4 md:ml-40 md:w-200"}>
                         <div className={"-skew-x-2 md:-skew-x-5"}>
                             {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
+                            <img
+                                src="images/lol_tournament.png"
+                                alt="LoL tournament"
+                            />
                         </div>
                     </div>
                     <div className={"flex-auto mr-8 md:mr-42 text-right -skew-x-2 md:-skew-x-5"}>
@@ -145,12 +152,15 @@ export default function Tourney() {
                             </a>
                         </div>
                     </div>
-                    <div className={"mr-4 md:mr-40 md:w-180"}>
-                        <div className={"-skew-x-2 md:-skew-x-5"}>
+                    <div className="hidden md:block mr-4 md:mr-40 md:w-260">
+                        <div className="-skew-x-2 md:-skew-x-5">
                             {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
+                            <img
+                                src="images/minitournament.png"
+                                alt="mini tournaments"
+                            />
                         </div>
                     </div>
-                    {/* Image placeholder */}
                 </div>
 
                 <SectionDivider />