@media screen and (max-width: 530px) {
    .member-card p {
        background-image: url("/splashes/square_long.svg")!important;
        background-size: cover!important;
        background-repeat: round!important;
        position: auto!important;
        left: 0!important;
        padding: 25px!important;
        margin: auto!important;
        min-width: auto!important;
    }
    .member-portrait {
        display: none;
    }
    .member-descr {
        width: 100%!important;
    }
}
@media screen and (max-width: 622px) and (min-width: 531px) {
    .member-card {
        position: relative;
        left: -80px;
        margin: 0!important;
        padding: 0;
        min-width: calc(100%)!important;
    }
    .member-card h3 {
        padding: 0!important;
    }
    .member-card p {
        min-width: calc(100% + 20px)!important;
        padding-right: 2px!important;
    }
}
.member-portrait {
	background-image: url("/splashes/rounded.svg");
	background-size: cover;
	background-repeat: round;
    padding: 20px;
    line-height: 0;
    z-index: 1;
}
.member-card img {
    border-radius: 50%;
}
.member-descr {
    width: 70%;
}
.member-card h3 {
    margin: auto;
    width: max-content;
}
#team-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.member-card {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 40px;
	max-width: 500px;
}
.member-card h3 a {
	text-decoration: none;
	color: white;
}
.member-card h3 a:hover {
	color: #9a9a9a;
}
.member-card p {
	padding: 35px 25px 15px 200px;
	background-image: url("/splashes/square_bg_splashy.svg");
	background-size: cover;
	background-repeat: round;
    position: relative;
    left: -200px;
    min-width: 90%;
    z-index: 0;
    height: 50%;
}