.partners { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; max-width: 1000px; margin: 0 auto; } .partner a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; } .partner img { max-width: 70%; max-height: 70%; object-fit: contain; display: block; transition: transform 0.3s ease; } .partner { position: relative; height: 140px; /* LOCKED height */ background: #f6f8fb; border-radius: 12px; display: flex; /* CENTER CONTENT */ align-items: center; justify-content: center; overflow: hidden; cursor: pointer; } .partner::after { content: attr(data-title); position: absolute; inset: 0; background: #397bc7; color: #ffffff; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; padding: 12px; text-align: center; pointer-events: none; /* allows clicks to pass through overlay */ } } .partner:hover img { transform: scale(1.25); } .partner:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 900px) { .partners { grid-template-columns: repeat(2, 1fr); } } Heartbeat International seeks to advance the pregnancy help movement worldwide, and has partnered with the following networks to better serve women and families on every continent of the globe.