.faculty-container{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);max-width:100%;width:100%}.faculty-card{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.faculty-image-container{overflow:hidden;padding-top:100%;position:relative;width:100%}.faculty-image-container img{object-fit:cover;top:0;transition:transform .3s ease}.faculty-image-container img,.faculty-overlay{height:100%;left:0;position:absolute;width:100%}.faculty-overlay{align-items:flex-end;bottom:0;display:flex;justify-content:stretch;opacity:0;transition:opacity .3s ease}.faculty-card:hover .faculty-overlay{opacity:1}.faculty-name{background:#18476d;border-radius:0;color:#fff;display:block;font-family:Cormorant Unicase,serif;font-size:1.1rem;padding:10px;text-align:center;width:100%}@media (max-width:768px){.faculty-container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.faculty-name{font-size:1rem;padding:4px 10px}}@media (max-width:1024px){.faculty-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.faculty-overlay{bottom:0;height:auto;left:0;opacity:1;position:absolute}.faculty-card:hover .faculty-overlay{opacity:1}.faculty-name{font-size:.95rem;padding:6px 8px}}@media (max-width:480px){.faculty-container{grid-template-columns:repeat(2,1fr)}.faculty-name{font-size:.9rem;padding:3px 8px}}