HTML & CSS edits for Magento 2 webpage

I am nearly finished creating a new page on my Magento site. However, I need someone to help me make a few edits to finish the page. Project Information: • ALL CSS needs to be done inline. • Site Content will be posted to Magento 2.2.5 site, so it will need to work when we post the HTML and CSS content to the Magento site. If it doesn’t work then we will need to edit • I will be re-using the table on several different pages with different number of rows and columns so I need to be able to edit the code • Must remain highly compatible with most devices and browsers (I know this method won't work with IE7) Work to be Completed: • Only the rows labeled “Incubator” through “Brooder Kit” should be zebra striped • Row labels (i.e., Incubator, Egg Turner, Fan Kit, etc.) also need to be zebra striped • On the desktop version the titles need to line up with the regular magento column (see attached picture [login to view URL]). However, on the mobile version the table needs to stay left justified (see attached picture [login to view URL]) All that I need done is to keep the same functionality as the page below, but add the edits shown in the "Work to be completed" section. You can see the page right now at the following link: [login to view URL]