.photo-grid{display:grid;grid-gap:21px;grid-template-columns:21% 21%}@media(max-width:767px){.photo-grid{display:block}}.photo-grid__image:nth-of-type(1){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{min-height:300px;background-size:cover;border-radius:12px;position:relative}@media(max-width:767px){.photo-grid__image{margin:21px}}.photo-grid__image a{display:block;width:100%;height:100%;position:absolute;bottom:0;top:0;right:0;left:0;border-radius:12px}.photo-grid__image a:hover{background:rgba(0,0,0,0.4312)}.photo-grid__image a svg{fill:#fff;position:absolute;top:49%;left:50%;transition:all 210ms ease;opacity:0;transform:translate(-50%,4px)}.photo-grid__image a:hover svg{opacity:1;transform:translate(-50%,0)}.photo-grid__caption{color:#fff;font-size:21px;position:absolute;width:100%;bottom:calc(50% - 16px);left:0;opacity:0;transition:all 210ms ease;transform:translateY(200%);text-align:center;padding:0 15px}.photo-grid__image a:hover .photo-grid__caption{transform:translateY(150%);opacity:1}@media(max-width:1020px){.photo-grid__image a .photo-grid__caption{transform:translateY(0);opacity:1;bottom:25px}.caption:before{content:"";display:block;height:200px;width:100%;bottom:0;left:0;position:absolute;background:#000;background:linear-gradient(0,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);border-radius:0 0 12px 12px}}