body {
    
}

.hero {
    border: 1px solid blue;
}

.hero__inner-grid {
    border: 1px solid green;
    width: 100%;
    display: grid;
    gap: var(--container-gap);
    grid-template-columns: var(--grid-12);
    grid-template-areas:
        'heading heading heading heading heading heading image image image image image image'
        'speakers speakers speakers speakers speakers speakers image image image image image image'
        'content content content content content content image image image image image image';
    
}

.hero__title {
    grid-area: heading;
}

.hero__media {
    grid-area: image;
    border: 1px solid red;  
}

.hero__media img {
    flex: 1;
    block-size: 100%;
    object-fit: cover;
}

.hero__content {
    grid-area: content;
}

.speakers {
    border: 1px solid orange;  
    grid-area: speakers;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: subgrid;
    grid-column: speakers / span 8;
    > * {
        grid-column: span 2;
    }
}

.speakers__headline {
    border: 1px solid yellow;        
}

.speakers__headshot {
    border: 1px solid grey;        
}

.speakers__headshot img {
    border: 1px solid brown;
    aspect-ratio: 1;
    object-fit: cover;
}