Merge branch 'main' of https://github.com/Walchand-Linux-Users-Group/linux-diary into main

Author: suyash-chavan

assets/css/style.css

@@ -94,6 +94,12 @@ body {
     margin-left: 0.8rem;
 }
 
+#group-photo{
+    width: 950px;
+    height: 700px;
+    margin-bottom: 60px;
+}
+
 .wrapper .container .video-wrapper {
     width: 80%;
     display: flex;
@@ -595,6 +601,10 @@ body {
 }
 
 @media (max-width:768px) {
+    #group-photo{
+        width: 600px;
+        height: 350px;
+    }
     #telegram_img,
     #eye_img,
     #reload_img,
@@ -639,9 +649,9 @@ body {
         padding: 0 2rem;
         font-size: 17px;
     }
-    .wrapper .container .registration-closed{
-        text-align: center;
-        font-size: 1.2rem;
+    #group-photo{
+        width: 400px;
+        height: 250px;
     }
 
     .form #left-side_form #successBox #first-insight{

assets/images/photo.jpg

@@ -35,6 +35,7 @@
                 </p>
                 <a href="https://linux-diary.wcewlug.org/wargames/" target="_blank"><button class="btn-register">Play wargames<i id="register-icon" class="fa fa-play btn-icon"></i></button></a>
                 <!-- <p class="registration-closed">Registrations are temporarily closed!</p> -->
+                <img src="./assets/images/photo.jpg" class="rounded img-fluid" alt="photo.jpg" id="group-photo">
                 <div class="video-wrapper">
                 <video controls autoplay>
                     <source src="./assets/videos/Linux Diary 3.0.mp4" type="video/mp4">
@@ -149,7 +150,7 @@ <h1>ANALYTICS</h1>
                         <p id="participants-logo"><i class="fa-solid fa-puzzle-piece"></i></p>
                       </div>
                       <div class="col-md-8">
-                        <p id="participants-text">8 Wargames</p>
+                        <p id="participants-text">12 Wargames</p>
                       </div>
                     </div>
                     <div class="row mt-3" id="first-insight">