.categories{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10 px;
}
.categories img{
  width:100%;
  height:100%;
  object-fit: cover;
}

@media screen and (max-width: 996px) {
  .categories {
    grid-template-columns: 1fr;
    gap: 30px;
  }

}