.about-page > * {grid-column: 1/-1;}

.about_p-contact > p {grid-column: 1/2;}
.about_p-contact > a {grid-column: 2/-1;}

.about_p-picture {margin-top: 4rem;}
.about_p-picture figure {
    grid-column: 2/-1;
    margin-right: -1rem;
    opacity: .9;
}

.about_p-info {max-width: 500px;}

@media only screen and (min-width: 768px) {
    .about_p-picture {
        grid-column: 1/5;
        margin: 0 0 0 -1rem;
        grid-row: 1;
    }
    .about_p-picture figure {grid-column: 1/-2;}

    .about_p-info {grid-column: 5/-1; grid-row: 1;}
}

@media only screen and (min-width: 1024px) {
    .about_p-picture figure {grid-column: 1/-3;}

    .about_p-info {grid-column: 5/-2 ; grid-row: 1;}
}

@media (hover: hover) {
    .about_p-info ul .about_p-contact {
        transition: 500ms ease;
    }

    .about_p-info ul:hover .about_p-contact {
        opacity: .25;
        filter: blur(1px);
    }

    .about_p-info ul .about_p-contact:hover {
        opacity: 1;
        filter: blur(0);
    }
}