erro ao publicar banner html em site

fala galera, sou aqui no forum e novo em html e css também, estou com um problema, espero que alguem consiga me ajudar

ontem fiz meu primeiro código html/css para um banner de um site, ao visualizar o banner no navegador ele esta correto, mas quando eu publíco o código fonte na minha plataforma que gerenciar o site no espaço que ele deve aparecer, acaba se desconfigurando todo o arquivo, vou colar o codigo aqui e o print dele publicado para verem

<div id=centro align="center">
<div class="container">
<div class="Banner Menu clearfix">
	<a href="https://www.armazemk.com.br/tamanco-verniz-nude-0256" target="_blank" title="meu 35"><img src="https://www.armazemk.com.br/img/2019/05/banner/19360/tamanco.jpg" alt="tamanco"/>
	</a>
	<h1>meu 35.</h1>
	<h2>Frete Grátis Sul e Sudeste</h2>
	<h3>Tamanco Nude</h3>
</div>
</div>
</div>

<style><!--
@charset "utf-8";

/ CSS Document / body {

	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;

}
.container {
	width: 1180px;
	height: 277px;
	background-color: #F2F2F2;
	overflow: hidden;

}

h1 {

	position: absolute;
	font-family: times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight: lighter;
	font-size: 70px;
	text-align: center;
	margin-top: -250px;
	margin-left: 220px;
	color: #7F5428;

}

h2 {

	position: absolute;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
	font-size: 18px;
	text-align: center;
	margin-top: -50px;
	margin-left: 200px;
	color: #7F5428;

}

h3 {

	position: absolute;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
	font-size: 18px;
	text-align: center;
	margin-top: -50px;
	margin-left: 900px;
	color: #7F5428;

}

img {

	mix-blend-mode: multiply;
	width: 350px;
	height: 350px;
	margin-left: 400px;
	margin-top: -55px;

}
--></style>

	 

	PRINT dele publicado:

	![imagem](https://forum.imasters.com.br/monthly_2019_05/1431556489_bannererro.png.2cb5eb1f625d73293699710e3cd65c2a.png)

	 

	 

	Exemplo de como deve ficar:

	/applications/core/interface/imageproxy/imageproxy.php?img=&key=28afbb360db5c1b91c7f9cf48ddca8db0e348b5a600473bceae10c41869c0945" alt="" data-imageproxy-source="" />![imagem](https://forum.imasters.com.br/monthly_2019_05/1491136454_bannercorretoexemplo.png.704c54894f0bd0ce4d270ef4b68f6e69.png)

	 

	 

	espero que consigam me ajudar, ontem pesquisei muito sobre isso, e nao encontrei nada.

	 

	valeu