pic {
    display: grid;
}

pic picFrame {
    grid-row: 1;
    grid-column: 1;
    align-self: center;
    justify-self: center;
    border: solid .2vw transparent;
    border-radius: .5vw;
}

pic .mainImg {
    grid-row: 1;
    grid-column: 1;
    align-self: center;
    justify-self: center;
}

pic .cornerImg {
    grid-row: 1;
    grid-column: 1;
    align-self: top;
    justify-self: right;
}

nameplate {
    grid-row: 2;
    grid-column: 1;
    color: white;
    font-weight: bold;
}

pic.blackAndWhite * {
    filter: grayscale(0.80);
}

pic.clickable:hover .mainImg {
    zoom: 1.1;
}
pic.clickable:hover .cornerImg {
    zoom: 0.9;
}

pic.clickable:active .mainImg {
    zoom: 0.9;
}