Change logos

index.html

@@ -178,6 +178,7 @@ alive!
           <div class="swiper-slide"><img src="/images/website_landing_page-02.webp" alt=""></div>
           <div class="swiper-slide"><img src="/images/website_landing_page-03.webp" alt=""></div>
           <div class="swiper-slide"><img src="/images/website_landing_page-04.webp" alt=""></div>
+          <div class="swiper-slide"><img src="/images/Call_of_Duty_Warzone_2.0_-_Logo.png" alt=""></div>
         </div>
 
         <div class="swiper-pagination"> prev</div>
@@ -189,17 +190,17 @@ alive!
     <h1 id="esports_title">بطولات الرياضات الالكترونية</h1>
     <div>
       <div>
-        <img class="abs_img" src="/images/game2.webp">
-        <img src="/images/valorant2 (1).webp" class="valorant_img">
+        <!-- <img class="abs_img" src="/images/game2.webp"> -->
+        <img src="/images/Valorant-Logo-removebg-preview.png" class="valorant_img">
       </div>
       <div>
-        <img class="abs_img1" src="/images/game3.png">
-        <img src="images/FIFA_VALORANT_LOL_pack/2.png" class="yasou_img">
+        <!-- <img class="abs_img1" src="images/Call_of_Duty_Warzone_Logo.png"> -->
+        <img src="/images/call_of_the_duty_warzone_logo_freelogovectors.net_.png" class="yasou_img">
       </div>
       <div>
-        <img class="abs_img2" src="/images/fifaCard_.png">
+        <!-- <img class="abs_img2" src="/images/fifaCard_.png"> -->
 
-        <img src="images/1.png" class="bellingham_img">
+        <img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellingham_img">
       </div>
     </div>
     <div class="button_parent">

style.css

@@ -620,22 +620,31 @@ header .right_side a:nth-child(4) {
 
 .e_sport>div div .valorant_img {
     height: auto;
+     width: 86%;
+    margin-left: 7%;
+    transform: translateY(100px);
+    filter: invert(1);
 }
 
 .e_sport>div div .bellingham_img {
     /* height: 155% !important ; */
 
     transform: translate(0px, -70px);
-    /* width: 100%; */
-    /* transform: translateX(10px); */
+        transform: translateY(0px);
+    object-fit: contain;
+    height: 100%;
 
 
 }
 
 .e_sport>div div .yasou_img {
-    transform: translateY(-90px);
-    height: 140%;
+     width: 50%;
+    margin-left: 25%;
+    transform: translateY(0px);
+    height: 100%;
+    object-fit: contain;
     /* height: auto; */
+    filter: invert(1);
 }
 
 .no_margin {
@@ -901,7 +910,10 @@ header .right_side a:nth-child(4) {
 .hidden1 {
     display: none !important;
 }
-
+.e_sport > div div .abs_img1
+{
+    object-fit: contain;
+}
 /* ========================= */
 /* ========Arabic============*/
 
@@ -974,11 +986,11 @@ header .right_side a:nth-child(4) {
     }
     .e_sport > div div .bellingham_img
     {
-        transform: translateY(-100px);
+        transform: translateY(0px);
     }
     .e_sport > div div .yasou_img
     {
-        height: 120%;
+        height: 100%;
     }
     .e_sport > div div .abs_img2,
     .e_sport > div div .abs_img1,
@@ -999,7 +1011,7 @@ header .right_side a:nth-child(4) {
     .e_sport > div div .valorant_img
     {
         /* height: 120%; */
-        transform: translateY(-100px);
+        transform: translateY(184px);
     }
     .e_sport > div div
     {
@@ -1054,6 +1066,14 @@ header .right_side a:nth-child(4) {
 
 @media(max-width:1880px)
 { 
+    .e_sport > div div .valorant_img
+    {
+        transform: translateY(120px);
+    }
+    .e_sport > div div .bellingham_img
+    {
+        transform: translateY(-17px);
+    }
      .e_sport h1
     {
         font-size: 70px;
@@ -1383,7 +1403,13 @@ header .right_side a:nth-child(4) {
     .e_sport > div div .valorant_img,
     .e_sport > div div .bellingham_img
     {
-        transform: translateY(-79px);
+        transform: translateY(156px);
+    }
+    .e_sport > div div .bellingham_img
+    {
+          transform: translateY(-10px);
+    object-fit: contain;
+    height: 100%;
     }
 
 }
@@ -1408,6 +1434,10 @@ header .right_side a:nth-child(4) {
 /* Norma 100% */
 
 @media(max-width:1300px) {
+    .e_sport > div div .valorant_img
+    {
+        transform: translateY(120px);
+    }
       .e_sport h1
     {
         font-size: 55px;
@@ -1535,8 +1565,9 @@ header .right_side a:nth-child(4) {
     top: 106px;
 }
     .e_sport > div div .valorant_img {
-        height: 122%;
-        transform: translateY(-51px);
+        object-fit: contain;
+        height: 100%;
+        transform: translateY(-8px);
     }
     .e_sport > div div
     {
@@ -1595,14 +1626,16 @@ header .right_side a:nth-child(4) {
     width: 80px;
   }
     .e_sport > div div .valorant_img, .e_sport > div div .bellingham_img {
-        transform: translateY(-75px);
+        transform: translateY(75px);
+    }
+     .e_sport > div div .bellingham_img {
+        transform: translateY(0px);
     }
-
     .e_sport > div div {
         height: 400px;
     }
     .e_sport > div div .yasou_img {
-        height: 115%;
+        height: 100%;
     }
    .letters div p:nth-child(1)
     {
@@ -1693,11 +1726,11 @@ header .right_side a:nth-child(4) {
     .e_sport > div div img,
     .e_sport > div div .valorant_img
     {
-        height: 114%;
+        height: 100%;
     }
     .e_sport > div div .valorant_img
     {
-        transform: translateY(-44px);
+        transform: translateY(-9px);
     }
     .e_sport > div div .abs_img2,
      .e_sport > div div .abs_img1,
@@ -1725,7 +1758,7 @@ header .right_side a:nth-child(4) {
         text-align: center;
     }
     .e_sport > div div img, .e_sport > div div .valorant_img {
-        height: 119%;
+        height: 100%;
     }
 
     .oragnize {
@@ -1942,7 +1975,7 @@ header .right_side a:nth-child(4) {
     }
 
     .e_sport>div div .valorant_img {
-        height: 117%;
+        height: 100%;
     }
 
     .e_sport>div div .abs_img {