/* Add custom Js code below */ 


const sections=document.querySelectorAll('.s-block.s-block--banners.container')
console.log(sections)
sections[0].innerHTML=`
   <div class="categories_container">
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D9%85%D8%B1%D8%A3%D9%87/c1427128602"
        >
          <img
            src="https://cdn.salla.sa/form-builder/ozFeitVAYOPbXYyL6Gn9fM6VuFOiJgDivcCkFSC4.jpg"
            alt="category_icon"
          />
        </a>
        <p>المرأه</p>
      </div>

      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%B4%D8%B9%D8%B1/c1287191575"
        >
          <img
            src="https://cdn.salla.sa/form-builder/cW5NaR42aaY3Ho7MXnj9Ll8R3FO3rr8slU5WcUoE.jpg"
            alt="category_icon"
          />
        </a>
        <p>الشعر</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%AC%D8%B3%D9%85/c695075608"
        >
          <img
            src="https://cdn.salla.sa/form-builder/QPwLLoKANKIKFUAXK9HeOKbTwrmsCmiALPaFGcGy.jpg"
            alt="category_icon"
          />
        </a>
        <p>الجسم</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D9%85%D9%83%D9%8A%D8%A7%D8%AC/c943131488"
        >
          <img
            src="https://cdn.salla.sa/form-builder/Z0iehSsEnPluNHNZAr1SmZHd3cmleuonzn7znMym.jpg"
            alt="category_icon"
          />
        </a>
        <p>المكياج</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D9%88%D8%AC%D9%87/c1751267857"
        >
          <img
            src="https://cdn.salla.sa/form-builder/lpDco4YQkND2ex93MuXaNel20yaUWCC4nh9oDdLL.jpg"
            alt="category_icon"
          />
        </a>
        <p>الوجه</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%83%D8%B3%D8%B3%D9%88%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%85%D8%A7%D9%84/c228902174"
        >
          <img
            src="https://cdn.salla.sa/form-builder/uqAxBbZECiCAcxaYbCyNb2eKUVJ0fHiFgc223FHo.jpg"
            alt="category_icon"
          />
        </a>
        <p>اكسسوارات الجمال</p>
      </div>
      <div class="category_item">
        <a href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%A7%D9%85/c169618017">
          <img
            src="https://cdn.salla.sa/form-builder/clfhgENeaVtcXxJrFBJkHgY8UyRdE9bpjBZXcIBe.jpg"
            alt="category_icon"
          />
        </a>
        <p>الام</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%B1%D8%AC%D9%84/c1259926376"
        >
          <img
            src="https://cdn.salla.sa/form-builder/kRnhVCAPwR0et7rizG1LWRniXS4ZeD0bLMQiPa9f.jpg"
            alt="category_icon"
          />
        </a>
        <p>الرجل</p>
      </div>
      <div class="category_item">
        <a href="https://ibeautysa.com/ar/%D8%A7%D9%84%D9%81%D9%85/c1569298029">
          <img
            src="https://cdn.salla.sa/form-builder/1UyvS1yT0BAtmMdQDsjUUWV7aQ5FDLfkYX3o0mTK.jpg"
            alt="category_icon"
          />
        </a>
        <p>الفم</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%B7%D9%81%D9%84/c61044588"
        >
          <img
            src="https://cdn.salla.sa/form-builder/UWQ8rQ5BGpm3CxpPgFfOjgutVncR2Ll5dtkUPDnl.jpg"
            alt="category_icon"
          />
        </a>
        <p>الطفل</p>
      </div>
      <div class="category_item">
        <a
          href="https://ibeautysa.com/ar/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%8A%D9%87-%D8%A7%D9%84%D9%85%D9%86%D8%B2%D9%84%D9%8A%D9%87/c618992233"
        >
          <img
            src="https://cdn.salla.sa/form-builder/3abCctzY617U6Ptjh7sJo83Mn7HySVylK6rgbr8B.jpg"
            alt="category_icon"
          />
        </a>
        <p>العنايه المنزليه</p>
      </div>
      <div class="category_item">
        <a href="https://ibeautysa.com/ar/offers">
          <img
            src="https://cdn.salla.sa/form-builder/VFq4fefFTaGezzXTJ3xTB2y7uJMKRWPjRS7v6j8J.jpg"
            alt="category_icon"
          />
        </a>
        <p>التخفيضات</p>
      </div>
      <div class="category_item">
        <a href="https://ibeautysa.com/ar/brands">
          <img
            src="https://cdn.salla.sa/form-builder/sFSHG3b0jtxivyUlnEnMF2OBRFABYJvPOd66HABf.jpg"
            alt="category_icon"
          />
        </a>
        <p>الماركات التجاريه</p>
      </div>
    </div>
    <style>
   .categories_container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
.category_item a img {
  width: 100%;
  mix-blend-mode: multiply;
}

.category_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color:transparent;
}
.category_item p {
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 768px) {
  .categories_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

    </style>

`