/* Safari-specific fixes */
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (display:flow-root) {
    img {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      perspective: 1000;
    }
    
    /* Force Safari to display the favicon properly */
    link[rel="icon"] {
      -webkit-mask-image: none !important;
      mask-image: none !important;
    }
    
    /* Add specific fixes for doctor images */
    .doctor-image {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      perspective: 1000;
      image-rendering: -webkit-optimize-contrast;
    }
  }
}

/* Generic image improvements for all browsers */
img, .doctor-image {
  max-width: 100%;
  height: auto;
  display: block;
}