.athlete-image-container{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:16px;padding:0 24px;margin-bottom:40px}.athlete-image-card{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}h3.athlete-name{font-size:24px;margin-bottom:0}p.athlete-category{position:absolute;top:8px;right:8px;z-index:5;font-size:clamp(1.5rem,.904rem + 2.13vw,2.5rem);color:#fff;font-family:"STIX Two Text";-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin-bottom:0}p.athlete-category--black{color:#000}.athlete-image-item{position:relative;overflow:hidden;display:inline-block}.athlete-image-item img{display:block;width:100%;height:auto}.athlete-image-item__gray{position:absolute;inset:0;filter:grayscale(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .6s ease}@media (hover:hover){.athlete-image-item:hover .athlete-image-item__gray{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@media (hover:none){.athlete-image-item:active .athlete-image-item__gray{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@media screen and (max-width:921px){.athlete-image-container{grid-template-columns:repeat(3,1fr)}h3.athlete-name{font-size:20px}}@media screen and (max-width:767px){.athlete-image-container{grid-template-columns:repeat(2,1fr)}h3.athlete-name{font-size:16px}}@media screen and (max-width:448px){.athlete-image-container{grid-template-columns:1fr}p.athlete-category{font-size:clamp(2rem,.75rem + 6.25vw,2.5rem)}h3.athlete-name{font-size:24px}}