How can i move my product name & price from below thumbnail to be the rollover content in Avada & Woocommerce?

Add following code to css

.product-details {
    position: absolute;
    top: 15px;
    z-index: 999;
    display: none;
}

.product:hover .product-details {
    display: block;
}