.banner-section {
    background-image: url(/static/image/lecture-banner-2.webp);
}

.my-section .section-sub-title {
    max-width: 100%;
    padding-bottom: 8px;
}

.lecture-gallery {
    margin-top: clamp(28px, 3vw, 48px);
}

.lecture-gallery-row--talk {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    .gallery-item {
        aspect-ratio: 340 / 185;
    }
}

.lecture-outreach-section {
    padding-top: 0;
    padding-bottom: 180px;
    border-radius: 16px;

    .lecture-gallery {
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       .gallery-item {
        width: calc(33.33% - 10px);
        aspect-ratio: 340 / 185;
        object-fit: cover;
       }
    }
}