JSFiddle - React, Tailwind, and code Playground

HTML

<div class="produtosListDescricaoCont">
                    <div class="produtosListTitulo textleft">ACQUA 5 TR BL</div>
                    <div class="produtosListDesc textleft">Filtros para decoracao</div>
                    <div class="clear"></div>
                    <div class="produtoListIntTituloCont">
                        <div id="dadosTecnicos" class="produtoListIntTitulo">Dados T&eacute;cnicos</div>
                        <div class="produtoListIntTituloSeparador"></div>
                        <div id="galeria" class="produtoListIntTitulo produtoListIntTituloOff">Galeria de Imagens</div>
                        <div class="produtoListIntTituloSeparador produtoListIntTituloSeparadorOff"></div>
                        <div id="downloads" class="produtoListIntTitulo produtoListIntTituloOff">Downloads</div>
                        <div id="mostrarDadosTecnicos" class="produtoListIntTituloDescDados">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem justo, commodo ac nisl eget, sagittis tincidunt purus. Phasellus quis lacus dapibus, sollicitudin leo in, sagittis est. Vestibulum pulvinar tortor sit amet suscipit ornare. Mauris sollicitudin ornare tellus, ut vehicula nisi vehicula a. Suspendisse nisl tellus, mattis ac diam et, adipiscing dictum nisi. Ut aliquet massa leo. Proin scelerisque magna sed elit aliquam, et mattis nisi mattis. Curabitur adipiscing ullamcorper lorem. Nullam sed aliquam justo, vitae viverra dui. Fusce dignissim enim arcu, ut ornare ante rutrum ac. Ut nisl odio, pellentesque in ligula vitae, facilisis suscipit elit. In hac habitasse platea dictumst. Duis blandit porta enim.</div>
                        <div id="mostrarGaleria" class="produtosContDir">
                            <div class="produtoListIntTituloGaleriaList">
                                <div class="produtosImg produtosImgMenor">
                                    <img width="74" height="80" src="./imagens/produtoItemMenor.png">
               ...

CSS

.produtosTitulo{
	font-family: 'ubuntulight_italic';
	font-size: 30px;
	color: white;
	text-align: center;
	margin: 50px auto 0;
	width: 960px;
}
.produtoDescTopo{
	background-image: url("../imagens/descricaoBG.jpg");
    background-repeat: repeat-x;
    float: left;
    height: 318px;
    width: 100%;
}
.produtosDesc{
	color: #FFFFFF;
    font-family: 'ubuntubold_italic';
    font-size: 40px;
    margin: auto;
    text-align: center;
    width: 960px;
}
.produtosTexto {
    color: #FFFFFF;
    font-family: 'ubuntulight_italic';
    font-size: 13px;
    margin: 27px auto auto;
    width: 1290px;
}
.produtosContBG{width: 100%; padding-top: 55px; background-color: #F1F2F2;height: 100%}
.produtosCont{width: 1290px; margin: auto;}
.produtosContDir{width: 650px;float: left; display: none;}
.produtosContDirDown{width: 650px;float: left;display: none;}
.produtosMenu{width: 190px; float: left; padding-top: 55px;}
.produtosMenuItens{
	/*background-image: url('../imagens/menuItens.png');
	background-position: left -24px;
	background-repeat: no-repeat;*/
    padding-left: 32px;
    width: 190px;
    margin-bottom: 20px;
    cursor: pointer;
}
.produtosMenuItensLista{
	font-family: 'ubuntumedium';
	font-size: 13px;
	color: #808285;
	margin-bottom: 10px;
	margin-left: 32px;
}
.produtosMenuItensTit{
	background-image: url("../imagens/menuItens.png");
    background-position: left -24px;
    background-repeat: no-repeat;
    color: #0093C9;
    font-family: 'ubuntubold';
    font-size: 25px;
    height: 25px;
    line-height: 25px;
    padding-left: 32px;
    width: 190px;
    margin-bottom: 18px;
}
/*.produtosMenuItens:hover  .produtosMenuItensLista{display: block}*/
.produtosMenuItensDiplay{display: none;margin: 10px auto 30px;}
.produtosListCont{
	width: 1000px;
	float: right;
	background-color: #f1f2f2;
	padding-top: 55px;
}
.produtosList{
	width: 300px;
	height: 450px;
	float: left;
	margin-right: 32px;
}
.produtosListTitulo{
	font-family: 'ubuntumedium';
	font-size:...