.roles-student {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/004-student.svg');
}

.roles-teacher {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/005-teacher.svg');
}

.roles-women {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/008-real\ estate.svg');
}

.roles-courier {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/014-courier.svg');
}

.roles-team {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/020-team.svg');
}

.roles-dispatcher {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/024-flight\ dispatcher.svg');
}

.thinking-support {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/040-support.svg');

}

.roles-gamer {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('/static/icons/roles/048-gamer.svg');

}