Change divi product image woocommerce overlay

Hello,

I'm looking to change the overlay design on product image of woocommerce using DIVI css style. Actually, I have write this code witch function well.
.woocommerce .et_overlay:before {display:none}
.et_overlay {top:30px;}
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{top:0;}
.et_overlay {background: rgba(50, 200, 235, 0.6); border: none; }
.et_shop_image .et_overlay:before, .et_portfolio_image .et_overlay:before{color: #FFF !important; /* + icon color */}
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay { opacity: 1; }

My problem is that I want to add the short description of the product on the image (class entry-summary) to obtain the image below. Somebody know how I can do ?