.raven-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 302px);
  grid-template-rows: repeat(2, 274px);
  gap: 0;                        /* no gap, borders will act as lines */
  justify-content: center;
  margin: 0 auto;
  width: fit-content;
}

.category-item {
  width: 302px;
  height: 274px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; 
  border: 1px solid #999;        /* each cell has its own border */
  box-sizing: border-box; 
  overflow: visible; /* allow shadow to spill outside */
}

.category-img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  display: block;
  transition: box-shadow 0.3s ease; /* only animate the glow */
  position: relative; 
  z-index: 1; /* default stacking */
}

/* Glow effect on hover */
.category-img:hover {
  box-shadow: 0 0 15px 5px rgba(0, 150, 255, 0.7); /* glowing ring */
  z-index: 10; /* bring hovered image above neighbors */
}