/* Responsive rules to show only the first image/text block on small screens */

@media (max-width: 767.98px) {
  /* Hide all the image-text sections */
  .img-sub { display: none !important; }

  /* Show only the first image-text section */
  .img-sub:first-of-type { display: block !important; }

  /* Make sure the columns stack and images are full-width */
  .img-sub .col-lg-4,
  .img-sub .col-lg-8,
  .img-sub .col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .img-sub .about-img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px;
  }

  /* Optional: reduce spacing for mobile */
  .img-sub { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}