.audi-hover-grid{display:flex;justify-content:center}.audi-hover-grid .audi-hover-grid__inner{max-width:1560px;width:100%;display:flex;flex-wrap:wrap}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element{display:block;width:100%}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element .audi-hover-grid__element-inner{position:relative;padding-top:100%;overflow:hidden}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element .audi-hover-grid__element-primary-image{position:absolute;left:0;opacity:1;z-index:0}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element .audi-hover-grid__element-secondary-image{z-index:1;opacity:0;transition:opacity 300ms ease-out}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element .audi-hover-grid__element-image{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element .audi-hover-grid__element-image img{width:100%;height:100%;object-fit:cover}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element:hover .audi-hover-grid__element-secondary-image{opacity:1}@media(max-width: 767px){.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element:not(:first-child){margin-top:16px}}@media(min-width: 768px){.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element{width:calc(33.33% - 16px);margin-right:16px}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element:nth-child(3n){margin-right:0}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element:nth-child(n+4){margin-top:16px}.audi-hover-grid .audi-hover-grid__inner .audi-hover-grid__element:last-child{margin-right:0}}