.speakers-grid {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
@media (max-width: 768px) {
.speakers-grid {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.speakers-grid .speaker-card {
flex: 0 0 calc(50% - 12.5px);
max-width: calc(50% - 12.5px);
}
}
.speaker-card {
flex: 0 0 calc(50% - 20px); box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 1024px) {
.speaker-card {
flex: 0 0 calc(25% - 20px); }
}
.speaker-card img {
display: block;
object-fit: cover;
object-position: center;  width: 100%;
min-height: 297px;
max-height: 297px;
}
.home .speaker-card img {
min-height: 324px;
max-height: 324px;
}
.speaker-card h3 {
color: #555;
font-weight: 400;
text-transform: uppercase;
width: 100%;
line-height: 24px;
font-size: 22px;
margin: 0px;
padding: 0px;
word-break: break-word;
}
.speaker-card p {
color: #555;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
width: 90%;
word-break: break-word;
}