.equipment-listing{column-gap:34px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:27px}.equipment-listing .equipment-item{background-color:var(--color-background-section-alternate);display:flex;flex-flow:column nowrap;text-decoration:none;transition:transform .3s ease}.equipment-listing .title{font-weight:900;line-height:1.5;padding:2em .75em;text-align:center;text-transform:uppercase}.equipment-listing .image-wrapper{display:flex;height:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.equipment-listing .image-wrapper img{height:100%;left:0;position:absolute;top:0;width:100%}.equipment-listing .image-wrapper img.cover{object-fit:cover}.equipment-listing .image-wrapper img.contain{object-fit:contain}.equipment-listing .equipment-item .image-wrapper img.normal{opacity:1;transition:opacity .6s ease}.equipment-listing .equipment-item:hover .image-wrapper img.normal{opacity:0}.equipment-listing .equipment-item .image-wrapper img.hover{opacity:0;transition:opacity .6s ease}.equipment-listing .equipment-item:hover .image-wrapper img.hover{opacity:1}@media screen and (max-width:700px){.equipment-listing{column-gap:20px;grid-template-columns:repeat(2,1fr);row-gap:20px}}@media screen and (max-width:500px){.equipment-listing .title{font-size:.75rem}}