.vii-speakers__item {
    min-height:120px;
}

.vii-speakers__item:not(:last-child) {
    border-bottom:1px solid #000;
}

.vii-speakers__item .col.description {
    width:250px;
    padding-right:20px;
}

.vii-speakers__item .col.title {
    width:calc(100% - 250px);
    padding-right:350px;
}

/* images */
.vii-speakers__images {
    position:fixed;
    right:var(--vii-gap-side);
    width:300px;
}

.vii-speakers__images .frame {
    transform-origin:right center;
}

.vii-speakers__images .frame,
.vii-speakers__images .image {
    aspect-ratio:330/435;
}

/* animation */
@media only screen and (min-width:1024px) {
    .vii-speakers__item .col.description {
        opacity:0;
    }

    .vii-speakers__item .col.title {
        opacity:0.3;
    }

    .vii-speakers__images .frame {
        clip-path:polygon(100% 50%, 100% 50%, 100% 50%, 100% 50%);
    }
}

/* responsive */
@media only screen and (max-width:1023px) {
    .vii-speakers {
        background:#f3f3f7;
        padding:32px 0 50px;
    }

    .vii-speakers__heading {
        margin-bottom:16px;
    }

    .vii-speakers__images {
        display:none;
    }

    .vii-speakers_items {
        overflow:auto;
        white-space:nowrap;
        margin:0 calc(-1 * var(--vii-gap-side));
    }

    .vii-speakers__item {
        display:inline-flex;
        flex-direction:column;
        align-items:flex-start;
        padding:24px 16px;
        margin:0 0 0 20px;
        width:280px;
        min-height:390px;
        background:var(--vii-color-blue);
        white-space:normal;
    }

    .vii-speakers__item:last-child {
        margin-right:20px;
    }

    .vii-speakers__item .col.image {
        display:block;
        aspect-ratio:1;
        border-radius:50%;
        overflow:hidden;
        max-width:220px;
        width:100%;
        margin:0 auto 24px;
        order:1;
    }

    .vii-speakers__item .col.title {
        width:100%;
        padding-right:0;
        order:2;
        margin-bottom:4px;
        --vii-color-heading:var(--vii-color-red);
        --vii-size-h2:22px;
    }

    .vii-speakers__item .col.description {
        width:100%;
        padding-right:0;
        order:3;
        color:#fff;
        font-size:13px;
    }
}