.ArchiveComponent .posts{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.ArchiveComponent .posts .post{display:flex;flex-direction:column;gap:.75rem;position:relative}.ArchiveComponent .posts .post:after,.ArchiveComponent .posts .post__image img,.ArchiveComponent .posts .post__title{transition:.2s}.ArchiveComponent .posts .post__image{aspect-ratio:4/3;display:flex;overflow:hidden;width:100%;z-index:0}.ArchiveComponent .posts .post__image img{display:flex;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.ArchiveComponent .posts .post:after{background-color:#0006;content:"";display:flex;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:10}.ArchiveComponent .posts .post__title{bottom:.5rem;font-size:min(30px,3vw);left:.5rem;position:absolute;right:.5rem;z-index:20}.ArchiveComponent .posts .post:hover .post__image img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ArchiveComponent .posts .post:hover .post__title,.ArchiveComponent .posts .post:hover:after{opacity:0}