will this work in wp how i coded for overlaying text over images

will this work in wp how i coded for overlaying text over images and how do i add it to the theme do i just open a text box and put it all in or do i need to do somethinke specail i attached to image to show you what it look like before mouse go over it but need text to overlay when mouse is hovered over item

<p style=”width:100%;”> From Individual Customers, to Full corporate branding, our printers and design team can reproduce or create the perfect solution whether its a single printed shirt, to a full corporate package of uniforms and printed media. </p>
<div class=”thirds” style=”background:url(images/emb.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>By embroidering your logo directly onto your garment, embroidery provides a high quality and professional finish to your uniform or workwear</div>
<div class=”thirds-title”> Embroidery </div>
</div>
<div class=”thirds” style=”background:url(images/dtg.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>Using the latest digital printing processes we can turn any image into an extremely high quality and professional printed garment. providing you with the perfect printing solution.</div>
<div class=”thirds-title”> Direct To Garment Print </div>
</div>
<div class=”thirds” style=”background:url(images/tshirts.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>Using heat presses and garment vinyl, your single colour logo is tranfered onto the garment providing a unique finish and durability.</div>
<div class=”thirds-title”> Transfer Printing </div>
</div>
<div class=”thirds” style=”background:url(images/mim.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>From PVC banners & posters to exhibition displays & stickers, our large format printer can print onto a huge selection of media. Using UV stable, waterproof solvent ink, it’s the perfect solution for most of your printing requirements.</div>
<div class=”thirds-title”> Large Format Printing </div>
</div>
<div class=”thirds” style=”background:url(images/liv.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>Full colour vehicle graphics, printed and applied on premises by our team of trained vinyl experts. Whether its a single vehicle or a full fleet, this is the perfect way to promote your business and identity.</div>
<div class=”thirds-title”> Livery </div>
</div>
<div class=”thirds” style=”background:url(images/pvc.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>We can help your business get noticed, offering PVC Banners, pull-up banners, exhibition displays printed vinyl and signage. All finished to the highest standard to whatever specifications you require by our expert team.</div>
<div class=”thirds-title”> Banners </div>
</div>
<div class=”thirds” style=”background:url(images/design.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>With a dedicated design team in house, we can offer a huge range of services from simple art working jobs to full corporate branding packages and websites.</div>
<div class=”thirds-title”> Design </div>
</div>
<div class=”thirds” style=”background:url(images/let-bg.jpg); background-size:cover; background-position:center;”>
<div class=”overlay”>Letterheads, business cards, flyers, booklets or something more bespoke, whatever is needed our personal service will make sure that all needs are met and delivery of any of our many products are provided at the right time.</div>
<div class=”thirds-title”> Digital & Litho Printing </div>
</div>
</div>