.product-title{ font-weight: normal!important; } .product-listing { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; } .product-overview{ width: 25%; height: auto; text-align: center; margin-bottom: 2em; } .product-image-link { display: block; position: relative; } /* Radial Shadow */ .product-image-link:before { pointer-events: none; position: absolute; /*z-index: -1;*/ content: ''; top: 100%; left: 20%; height: 10px; width: 60%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .product-image-link:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .product-image-link img{ width: 60%; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .product-image-link:hover img { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .product-title{ margin-top: .25em; font-size: 1.25em; font-weight: 900; } .product-image-link:hover .product-title { color: black; } @media (max-width: 980px){ .product-overview{ width:33.3333%; } .product-image-link img{ width: 75%; } } @media (max-width: 767px){ .product-overview{ width:50%; } } @media (max-width: 500px){ .product-overview{ width:100%; } }