Hide CSS style in md files on GitHub but not GitHub Pages

I have some inline style in my md file that I have used to style a table on my GitHub pages website. However, it is showing up in the file in my repo. Is there a way of hiding the line of style in the repo but not in pages? This is the code:

<style>
table, td, th {
   border: none!important;
   background-color: #f0f4f5;
}

th {
    padding: 0!important;
}

td {
    padding: 10px!important;
}
</style>

And it shows up as: <style> table, td, th { border: none!important; background-color: #f0f4f5; } th { padding: 0!important; } td { padding: 10px!important; } </style> in the repo.

I tried to add <!-- --> around the style to hide it in GitHub but that also removes the CSS on the GitHub Pages website. Thanks!