.has-background--hero {
    background-image: url('../img/background--woman-keyboard.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.has-background--melissa {
    background-image: url('../img/background--melissa.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.has-background--women {
    background-image: url('../img/background--women.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.member::before {
	background-image: url("../img/background--member.jpg");
	background-position: center center;
}
.volunteer::before {
	background-image: url("../img/background--volunteer.jpg");
	background-position: center center;
}
.internships::before {
	background-image: url("../img/background--internships.jpg");
	background-position: center center;
}
.paid-jobs::before {
	background-image: url("../img/background--paid-jobs.jpg");
	background-position: center 30%;
}

.has-background--pattern-purple {
    background-image: url('../img/background--pattern-purple.jpg')!important;
    background-size: 40%;
    background-repeat: repeat;
}
@media (max-width: 48rem) {
    .mobile--figure {
        max-width: 300px;
    }
}