.c-profile-picture {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    background-color: color(white);

    img {
        width: 140px;
        height: 140px;
        position: relative;
        top: 5px;
    }
}

.c-profile-card {
    position: relative;

    &::after {
        content: "";
        display: block;
        padding-bottom: 70%;
    }

    &:hover {
        cursor: pointer;
    }

    @include mq($until: 840px) {
        margin-bottom: 20px;
    }
}

.c-profile-card__content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    margin: 0 auto;
}

.c-profile-card__image {
    width: 35%;
}

.c-profile-header {
    font-size: font-size(medium);
    width: 90%;
    margin: 0 auto;

    @include mq($from: 840px) {
        width: auto;
    }
}