.Interview-container {
    position: relative;
    width: 100%;
    background-color: var(--main-bg-color);
    overflow: hidden;
}

.cards {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 82vw;
    margin: 3vw 9vw;
}

.interview-slide {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 2vw;
}

.interview-slide:hover .interview-picture > img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.interview-slide:hover .interview-picture {
    border-radius: 50%;
    border: solid 3.5px #ffa975;
}

.interview-picture {
    width: 10.41vw;
    height: 10.41vw;
    border-radius: 50%;
    overflow: hidden;
}

.interview-picture > img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: 10.41vw;
    height: auto;
}

.interview-text-content {
    width: 20.520833vw;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1.5vw;
}

.interview-text-content > a {
    position: relative;
    margin-top: 2.5%;
    font-size: 1.14583vw; /*20px -> 22px*/
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1953125vw;
    text-align: left;
    color: var(--main-color-blue);
    text-decoration: none;
    pointer-events: all;
}

.interview-text-content > span {
    position: relative;
    margin-top: 6.5%;
    font-size: 1.041667vw; /* 18px -> 20px*/
    line-height: 1.25;
    letter-spacing: 0.1rem;
    text-align: left;
    color: #647386;
}