.screenshot-cards__list{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.screenshot-cards__item{background-color:var(--background-light-gray);border-radius:10px;padding:24px}.screenshot-cards__item-image{max-width:400px;height:150px;color:var(--secondary-text);background-color:var(--primary-white);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-size:32px;display:flex;position:relative;overflow:hidden}.screenshot-cards__item-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.screenshot-cards__item-image[data-fancybox]{cursor:pointer}.screenshot-cards__item-image[data-fancybox]:after{background-color:var(--primary-black);opacity:0;content:"";pointer-events:none;width:100%;height:100%;transition-property:opacity;transition-duration:.3s;display:block;position:absolute;top:0;left:0}.screenshot-cards__item-image[data-fancybox]>.bi-zoom-in{z-index:1;color:var(--primary-white);opacity:0;font-size:32px;line-height:1;transition-property:opacity;transition-duration:.3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screenshot-cards__item-title{margin-bottom:8px;font-size:20px;font-weight:700}@media screen and (width<=799px){.screenshot-cards__list{grid-template-columns:1fr}.screenshot-cards__item{padding:18px}}@media (hover:hover){.screenshot-cards__item-image[data-fancybox]:hover:after{opacity:.5}.screenshot-cards__item-image[data-fancybox]:hover>.bi-zoom-in{opacity:1}}