html .photo-card.photo-card{width:350px;height:350px;border:2px solid var(--buckeye-blue);border-radius:1em;overflow:hidden;position:relative;margin:.5em}html .photo-card.photo-card img{position:relative;width:350px;height:350px;z-index:0}html .photo-card.photo-card .photo-card-schools{position:absolute;z-index:1;bottom:0;text-align:center;width:350px;background-color:rgba(0,0,0,.5333333333)}html .photo-card.photo-card .photo-card-schools p,html .photo-card.photo-card .photo-card-schools span{color:var(--white);font-size:1.1em;-webkit-margin-before:5px;margin-block-start:5px;-webkit-margin-after:5px;margin-block-end:5px}html .photo-card.photo-card .photo-card-back{position:absolute;z-index:2;top:350px;pointer-events:none;height:350px;width:350px;text-align:center;transition:.25s ease-in-out}html .photo-card.photo-card:hover .photo-card-back{transition:.25s ease-in-out;top:0}@media only screen and (max-width:380px){html .photo-card.photo-card.photo-card,html .photo-card.photo-card.photo-card img{width:300px;height:300px}html .photo-card.photo-card.photo-card .photo-card-schools{width:300px}html .photo-card.photo-card.photo-card .photo-card-back{top:300px;height:300px;width:300px}html .photo-card.photo-card.photo-card:hover .photo-card-back{top:0}}