HTML Boxes w/image background tutorial/code

I'll be posting the code so you all can mess around with it: 

<table style="height:auto;width:100%;border:1px solid #000;"><tbody><tr><td style="background-image:url('https://images.unsplash.com/photo-1518531933037-91b2f5f229cc?ixlib=rb-1.2.1&w=1000&q=80');background-size:100% 100%;"><p style="text-align:center;color:#000000;font-family:Times New Roman;"><span style="background:rgba(245,255,250,0.7);border:1px solid #000;float:left;height:auto;width:90%;margin:10px 30px 10px;padding:15px;"><span style="font-size: 22px;"></span><b style="color:#000;font-family:Times New Roman;font-size:22px;"><span style="font-family:Times New Roman;">Text Here</span></b><span style="font-size:22px;"><font></font></span></span><br><span style="color:#000; font-family:Times New Roman; Background:rgba(245,255,250,0.7);border:1px solid #000; float:left; width:90%;height:auto;padding:22px;margin:5px 1px 10px 30px;font-size:12px;"><span style="font-size:14px;">Text Here Again<br><br></span>Text Here Again<br>Text Here Again<br><font size="3"></font></span><span style="font-family:Times New Roman;background:rgba(245,255,250,0.7);border:1px solid #000;float:left;width:90%;height:auto;padding:22px;margin:5px 1px 10px 30px;font-size:12px;">texttexttext</span></p></td></tr></tbody></table>