product-title { display: none; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: black; padding: 10px; text-align: center; } .product-card:hover .product-title { display: block; }