img{width:100%;height:100%;display:block;object-fit:cover;opacity:1;z-index:1}.container1{max-width:1100px;margin:0 auto;margin-top:100px;display:grid;grid-template-columns:repeat(auto-fill,1fr);grid-auto-rows:220px;grid-gap:1px}.hexagon{z-index:0;display:flex;width:250px;height:270px;position:relative;background:#151515;transition:transform .5s ease-out;transform:rotate(0) translateX(0);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagon:first-child{grid-row-start:1;grid-column:2/span 2}.hexagon:nth-child(2){grid-row-start:1;grid-column:4/span 2}.hexagon:nth-child(3){grid-row-start:1;grid-column:6/span 2}.hexagon:nth-child(4){grid-row-start:2;grid-column:1/span 2}.hexagon:nth-child(5){grid-row-start:2;grid-column:3/span 2}.hexagon:nth-child(6){grid-row-start:2;grid-column:5/span 2}.hexagon:nth-child(7){grid-row-start:2;grid-column:7/span 2}.hexagon:nth-child(8){grid-row-start:3;grid-column:2/span 2}.hexagon:nth-child(9){grid-row-start:3;grid-column:4/span 2}.hexagon:nth-child(10){grid-row-start:3;grid-column:6/span 2}@media only screen and (min-width:320px) and (max-width:480px){.anotamy{box-sizing:content-box;width:auto;height:auto;text-align:center;vertical-align:middle}.anotamy>div{display:inline-block;margin:0 1em;filter:drop-shadow(0 0 1px #ccc) drop-shadow(0 0 5px #202020);text-align:center;vertical-align:middle}}@media only screen and (min-width:481px) and (max-width:768px){.anotamy{box-sizing:content-box;width:auto;height:auto;text-align:center;vertical-align:middle}.anotamy>div{display:inline-block;margin:0 1em;filter:drop-shadow(0 0 1px #ccc) drop-shadow(0 0 5px #202020);text-align:center;vertical-align:middle}}@media only screen and (min-width:769px) and (max-width:1024px){.anotamy{box-sizing:content-box;width:auto;height:auto;text-align:center;vertical-align:middle}.anotamy>div{display:inline-block;margin:0 1em;filter:drop-shadow(0 0 1px #ccc) drop-shadow(0 0 5px #202020);text-align:center;vertical-align:middle}}