.l-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;width:100%;max-width:2200px;padding:25px}
@media screen and (max-width: 760px) {
.l-container{grid-template-columns:repeat(2,1fr)}
}
.b-game-card{position:relative;z-index:1;width:100%;padding-bottom:70%;perspective:1000px}
.b-game-card__cover{position:absolute;z-index:1;top:0;border-radius:15px;left:0;width:100%;height:100%;overflow:hidden;background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%);background-size:cover;perspective-origin:50% 50%;transform-style:preserve-3d;transform-origin:top center;will-change:transform;transform:skewX(0.001deg);transition:transform .35s ease-in-out}
.b-game-card__cover::after{display:block;content:"";position:absolute;z-index:100;top:0;left:0;width:100%;height:120%;transform:translateY(-20%);will-change:transform;transition:transform .65s cubic-bezier(0.18,0.9,0.58,1)}
.b-game-card:hover .b-game-card__cover{transform:rotateX(7deg) translateY(-6px)}
.b-game-card:hover .b-game-card__cover::after{transform:translateY(0%)}
.b-game-card::before{display:block;content:"";position:absolute;top:5%;left:5%;width:90%;height:90%;background:rgba(0,0,0,0.342);box-shadow:0 6px 12px 12px rgba(0,0,0,0.4);will-change:opacity;transform-origin:top center;transform:skewX(0.001deg);transition:transform .35s ease-in-out,opacity .5s ease-in-out}
.b-game-card:hover::before{opacity:.6;transform:rotateX(7deg) translateY(-6px) scale(1.05)}