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:800px;max-width:800px;margin:20px auto;display:grid;position:relative}@media (max-width:800px){section.about{grid-template:"img1"550px"img2"550px"img3"550px"img4"550px"img5"550px"img6"550px/1fr;max-width:80%}}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:orange;position:relative}section.about .item img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}section.about:hover .item img:not(:hover){filter:grayscale();opacity:.5}