.grid{grid-template-columns:repeat(1,1fr[col-start]);justify-items:center;gap:1rem;display:grid}.item{--inner-shadow:inset 5px -5px 10px 0px #000000bf;--outer-shadow:-5px 5px 10px 0px #ffffff73;width:100%;box-shadow:var(--inner-shadow),var(--outer-shadow);background-color:#efefef;border-radius:10px;transition:border-radius .5s ease-in;position:relative;overflow:hidden}@media (prefers-color-scheme:light){.item{--outer-shadow:-5px 5px 10px 0px #00000073}}.item:hover{border-radius:50%}.image{aspect-ratio:1;object-fit:contain;width:100%;transition:scale .5s ease-in}.image:hover{scale:1.75}.item p{text-align:center;color:#fff;text-shadow:1px 1px 12px maroon;background-color:var(--theme-color);font-weight:700;transition:opacity .5s ease-in;position:absolute;bottom:0;left:0;right:0;box-shadow:3px -5px 10px #000000bf}.item:hover p{opacity:0}@media (min-width:500px){.grid{grid-template-columns:repeat(2,1fr[col-start])}}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr[col-start])}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr[col-start])}}