#artGallery{border-color:inherit;flex-wrap:wrap;justify-content:center;gap:0.5%;margin-top:0.5%;container:artGallery / inline-size;clear:both}#artGallery a{display:inline-block;box-sizing:border-box;aspect-ratio:1/1;width:19.5%;margin:0 0.25% 0.25%;border:2px solid;border-color:inherit;background:none;overflow:hidden;position:relative}#artGallery img{width:100%;display:block;transform:scale(1.01);transition:transform 0.3s ease-out}#artGallery > a p{position:absolute;margin:0;bottom:0;transform:translateX(100%);width:100%;padding:3px;background:#000a;text-align:center;font:bold 150% sans-serif;color:#fff;transition:transform 0.2s ease-in}#artGallery a[data-animated]::before{content:"anim";position:absolute;left:0;top:0;padding:2px;z-index:1;background:#6e9c;color:#000;border-radius:0 0 5px 0;border:inherit;border-top:none;border-left:none;transition:background 0.15s}#artGallery a:hover img{transform:rotate(5deg) scale(1.09);transition:transform 0.05s}#artGallery a:nth-child(2n):hover img{transform:rotate(-5deg) scale(1.09)}#artGallery > a:hover p{transform:translateX(0);transition:transform 0.05s ease-out}#artGallery a:hover::before{background:#7fac;transition:background 0.1s}@container artGallery (width <= 800px){#artGallery a{font-size:50%}}@media screen and (width <= 620px){#artGallery a{width:24.5%;font-size:50%}}