.services-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.service-item {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}

.service-item img {
  max-width: 100%; /* Ensure image doesn't exceed its container */
  height: 75px; /* Maintain aspect ratio */
}

/* Mobile (Small Screens) - 100% width */
@media (max-width: 767px) { /* Adjust breakpoint as needed */
  .service-item img {
    height: 100px; /* make the image as tall as the viewport */
  }
}
/* Large Screens (100px) */
@media (min-width: 768px) and (max-width: 1199px) { /* Adjust breakpoints as needed */
  .service-item img {
    height: 100px;
  }
}
/* Extra Large Screens (150px) */
@media (min-width: 1200px) { /* Adjust breakpoint as needed */
  .service-item img {
    height: 150px;
  }
}

/*# sourceMappingURL=editor.css.map */