.person-box-outer {
    margin-top: 5vh;
    padding: 2%;
}

.person-box {
	display: grid;
	grid-template-columns: 1fr;
}



.person-image {
    display: none;
    border-radius: 10%;
}




.some-buttons-area {
	display: flex;
	flex-wrap: wrap;
}

.some-button {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: 1%;
}

.some-button:hover {
	filter: invert(1);
}

.some-button-image {
	width: 100%;
}

.separator-line {
    color: black;
    width: 100%;
    margin-top: 3vh;
    margin-bottom: 8vh;
}

@media (width > 200px) {
    .person-image {
        display: block;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .separator-line {
        display: none;
    }

}

@media (width > 601px) {
    .person-box {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }
    
    .person-image {
        width: 300px;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
    }
}