.photo-grid{display:grid;grid-gap:21px;grid-template-columns:21% 21%}.photo-grid__image:first-of-type{grid-column:1/3;grid-row:1}.photo-grid__image:nth-of-type(2){grid-column:3;grid-row:1/3}.photo-grid__image:nth-of-type(3){grid-column:1;grid-row:2}.photo-grid__image:nth-of-type(4){grid-column:2;grid-row:2}.photo-grid__image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;min-height:300px;overflow:hidden;position:relative}.photo-grid__image a{border-radius:12px;display:block;height:100%;position:absolute;width:100%}.photo-grid__image a:hover{background:rgba(0,0,0,.43)}.photo-grid__image a svg{fill:#fff;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) translateY(3px);transition:all .21s ease;z-index:2}.photo-grid__image a:hover svg{opacity:1;transform:translate(-50%,-50%) translateY(0)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.photo-caption{background-color:rgba(0,0,0,.5);border-radius:4px;bottom:15px;color:#fff;font-size:14px;left:15px;opacity:0;padding:4px 8px;position:absolute;text-decoration:none;transition:opacity .21s ease;z-index:1}.photo-grid__image:hover .photo-caption{opacity:1}@media (max-width:767px){.photo-grid{display:block}.photo-grid__image{margin:21px;min-height:200px}.photo-caption{opacity:1!important}}