.playground-container{justify-content:center;align-items:flex-start;width:100%;padding:0 2rem;display:flex}.playground-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;align-items:center;gap:8rem 5rem;width:100%;max-width:1400px;display:grid}.playground-item{opacity:0;will-change:opacity, transform;content-visibility:auto;background:0 0;justify-content:center;align-items:center;width:70%;min-height:200px;margin:0 auto;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform 1.2s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;transform:translateY(15px)}.playground-item.fade-in-item{opacity:1;transform:translateY(0)}.playground-item img{object-fit:contain;width:100%;height:auto;transition:transform .3s;display:block}.playground-item:hover img{transform:scale(1.05)}@media (max-width:1200px){.playground-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:6rem 3.5rem}.playground-item{width:75%}}@media (max-width:768px){.playground-container{padding:0 1rem}.playground-grid{grid-template-columns:repeat(2,1fr);gap:4rem 2.5rem}.playground-item{width:80%}}@media (max-width:480px){.playground-grid{grid-template-columns:1fr}}.dark-mode .playground-container{background:var(--bg-primary);color:var(--text-primary)}