/* Add custom CSS styles below */ 
.categories-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  text-align: center;
}

.category-item {
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  transition: 0.3s;
}

.category-item:hover {
  transform: translateY(-5px);
}

.category-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.category-item span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}<div class="categories-grid">

  <div class="category-item">
    <img src="https://hungerstation.dhmedia.io/image/darkstores/nv-global-catalog/sa/49c192e8-0395-4304-aec6-83665c40408a.png?width=300&quality=75&webp=trueر">
    <span>ساعات ذكية</span>
  </div>

  <div class="category-item">
    <img src="رابط_الصورة">
    <span>سماعات</span>
  </div>

  <div class="category-item">
    <img src="رابط_الصورة">
    <span>اكسسوارات</span>
  </div>

  <div class="category-item">
    <img src="رابط_الصورة">
    <span>عروض</span>
  </div>

</div>