/* Publications page specific styles */

/* Responsive styles for publication images */
@media (max-width: 768px) {
  .md\:flex-shrink-0 img {
    height: auto !important;
    max-height: 180px !important; /* Reduced from your suggested 200px */
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
  
  .md\:flex {
    flex-direction: column !important;
  }
  
  .md\:flex-shrink-0 {
    display: flex;
    justify-content: center;
    padding: 4px !important;
    width: 100% !important;
  }
}