section.about{grid-gap:10px;grid-template-rows:150px 150px 150px 150px;grid-template-columns:repeat(3,1fr);grid-template-areas:"img1 img3 img4""img1 img3 img6""img2 img3 img6""img2 img5 img5";width:100%;max-width:800px;margin:20px auto;display:grid;position:relative}@media (max-width:800px){section.about{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"img1""img2""img3""img4""img5""img6";max-width:80%}section.about .item{aspect-ratio:1}}section.about .img-1{grid-area:img1}section.about .img-2{grid-area:img2}section.about .img-3{grid-area:img3}section.about .img-4{grid-area:img4}section.about .img-5{grid-area:img5}section.about .img-6{grid-area:img6}section.about .item{background:var(--color-base-200);position:relative}section.about .item img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:opacity .3s,filter .3s;position:absolute;inset:0}section.about .item img:hover{filter:grayscale(0)}section.about:hover .item img:not(:hover){opacity:.5}@media (prefers-reduced-motion:reduce){section.about .item img{transition:none}}