.speaker-display-block {
    text-align: center;
    font-family: Arial, sans-serif;
    width: 100%; /* Allow responsiveness */
    max-width: 300px; /* Limit maximum size */
    margin: auto;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.headshot-img {
    width: 80%; /* Scales with block width */
    max-width: 200px; /* Limit maximum size */
    height: auto; /* Maintain aspect ratio */
    border-radius: 49% !important; /* Slightly less rounded */
    margin-bottom: 15px;
}

.speaker-name {
    margin: 0;
    font-size: 1rem; /* Relative font size for scaling */
    font-weight: 600;
}

.speaker-company a {
    text-decoration: none;
    color: #0077b5;
    font-weight: bold;
    font-size: 0.9rem; /* Smaller font for narrower widths */
}

.speaker-title {
    margin: 5px 0;
    font-size: 0.8rem; /* Smaller font for narrow blocks */
    color: #777;
    line-height: 1.1 !important; /* Minimal line height */
}

.speaker-socials {
    margin-top: 15px;
}

.social-link {
    text-decoration: none;
    margin: 0 5px;
    font-size: 18px; /* Font size for fallback */
}

.social-link img {
    height: 18px; /* Adjust for narrower sizes */
    width: auto;  /* Maintain aspect ratio */
    display: inline-block;
    vertical-align: middle;
    max-height: 18px; /* Additional safeguard */
    max-width: 18px;  /* Prevent oversized icons */
}

/* Media query for narrow widths */
@media (max-width: 250px) {
    .speaker-display-block {
        padding: 10px; /* Reduce padding */
        border-radius: 3px; /* Slightly tighter corners */
    }

    .headshot-img {
        width: 70%; /* Further reduce width */
        max-width: 180px; /* Adjust for narrow containers */
    }

    .speaker-name {
        font-size: 0.9rem; /* Adjust font size */
    }

    .speaker-company a {
        font-size: 0.8rem; /* Smaller font for company name */
    }

    .speaker-title {
        font-size: 0.7rem; /* Further reduce title font size */
        line-height: 1.1 !important; /* Minimal line height */
    }

    .social-link {
        margin: 0 3px; /* Closer spacing */
        font-size: 16px; /* Slightly smaller font */
    }

    .social-link img {
        max-height: 16px; /* Reduce icon size */
        max-width: 16px; /* Adjust proportionately */
    }
}