/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  height:200px;
  padding: 5px;
}

.column img{border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; /* Set a small width */
}

/* Clear floats after image containers */
.columnrow::after {
  content: "";
  clear: both;
  display: table;
}

.d-none{
  display: none;
}       
/* Add a hover effect (blue shadow) */
.product-img img:hover {
/* box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); */
}

.clients-img img {
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 100px; /* Set a small width */
  height:100px;
}

/* Add a hover effect (blue shadow) */
.clients-img img:hover {
  /* box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); */
}