/* Default styling for larger screens */
.img-box img {
  width: 100%; /* Full width by default */
  height: auto; /* Maintain aspect ratio */
}

/* For screens smaller than 992px */
@media (max-width: 992px) {
  .img-box img {
    width: 90%; /* Adjust to 90% of container width */
    height: auto; /* Maintain aspect ratio */
  }
}

/* For screens smaller than 768px */
@media (max-width: 768px) {
  .img-box img {
    width: 80%; /* Adjust to 80% of container width */
    height: auto; /* Maintain aspect ratio */
  }
}

/* For screens smaller than 576px */
@media (max-width: 576px) {
  .img-box img {
    width: 70%; /* Adjust to 70% of container width */
    height: auto; /* Maintain aspect ratio */
  }
}