.mobile-visible {
    display: none; /* Hide the image by default */
}

/* Media query for mobile screens (e.g., screens up to 768px wide) */
@media (max-width: 768px) {
    .mobile-visible {
        display: block; /* Show the image on mobile screens */
    }
}
/* Footer spacing and readability */
#site-footer {
  line-height: 1.6;
}
#site-footer a {
  text-decoration: none;
}
#site-footer a:hover,
#site-footer a:focus {
  text-decoration: underline;
}
#site-footer .container {
  max-width: 1200px;
}
/* Ensure columns stack nicely on small screens if Tailwind grid isn't applied */
@media (max-width: 767px) {
  #site-footer nav,
  #site-footer address,
  #site-footer > div > div {
    margin-bottom: 1.25rem;
  }
}
