/* Mobile fixes for the About and Teleradiology sections */

/* Override for About section to stack properly */
@media (max-width: 768px) {
  #about .two-col,
  #about .about-me-grid {
    display: flex !important;
    flex-direction: column !important;
  }
  
  #about .about-me-photo {
    order: -1 !important; /* Move photo above text */
    text-align: center;
    margin-bottom: 1.5rem;
    width: 100%;
  }
  
  #about .about-me-text {
    order: 2 !important;
  }
  
  #about .about-me-photo img {
    max-width: 260px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 12px;
    object-fit: cover;
  }

  /* Teleradiology section fixes */
  #telerad .two-col {
    display: flex !important;
    flex-direction: column !important;
  }
  
  #telerad .about-card {
    order: -1 !important;
    margin-bottom: 2rem;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #telerad .checklist {
    order: 2 !important;
  }
  
  #telerad .about-card img {
    max-width: 320px !important;
    width: 100% !important;
    height: 260px !important; /* Reduced height from 380px to 260px */
    object-fit: cover !important;
    border-radius: 12px !important;
  }
}