BUSCANDO IMAGEM DO BANCO DE DADOS MOSTRA NO CSS

[Jack Oliveira 1]

Ola pessoal

estou tentando buscar as imagem do banco de dados atraves do css mais ele não esta dando certo fazer isso

<style>
 .chamar_img{
    background:url(<?php echo ConfigPainel('site_url'); ?>imagem/cidades/<?php echo $imagem; ?>) no-repeat center;
    max-width:262px;
    height:262px;
    border-radius:5px;
    position:relative;
    padding:20px;
    overflow:hidden;
    text-align:center;
    margin:0 auto 30px
}
.chamar_img:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    content:"";
    background:rgba(0,0,0,0.5)
}
.city_listings_info{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -ms-transition-duration:.3s;
    z-index:1
}
.city_listings_info h4{
    color:#fff;
    font-weight:500;
    margin-bottom:20px;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -ms-transition-duration:.3s;
    transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px)
}
.overlay_link{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    z-index:2
}
.listing_number{
    position:relative;
    opacity:0;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -ms-transition-duration:.3s;
    transform:translateY(150px);
    -moz-transform:translateY(150px);
    -o-transform:translateY(150px);
    -webkit-transform:translateY(150px);
    -ms-transform:translateY(150px)
}
.listing_number span{
    border:2px solid rgba(255,255,255,0.3);
    border-radius:3px;
    color:#fff;
    display:inline-block;
    font-size:17px;
    font-weight:300;
    line-height:16px;
    padding:9px 20px
}
.chamar_img:hover h4,.chamar_img:hover .listing_number{
    transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -webkit-transform:translateY(0px);
    -ms-transform:translateY(0px);
    opacity:1
}
</style>

<div class="row">
<?php
mysqli_set_charset($conn,"utf8");
$sql = mysqli_query($conn,"select * from cidades  WHERE status = 'S' order by id DESC LIMIT 12");
//$visitas = mysqli_num_rows($sql);
while ($dados=mysqli_fetch_array($sql)){
    $id = $dados["id"]; $titulo = $dados["titulo"]; $imagem = $dados["imagem"]; 
	 $status = $dados["status"]; $estado = $dados["estado"];
?>			
<?php if($status == 'S') { ?>	
            <div class="col-sm-6 col-md-3">
            	<div class="chamar_img">
                    <div class="city_listings_info">
                    	<h4><?php echo $dados["titulo"]; ?> - <?php echo $dados["estado"]; ?></h4>
                        <div class="listing_number"><a href="#" class="overlay_link"><span>Visitar Cidade</span></a> </div></br/><br/>
						  <div class="listing_number"><a href="#" class="overlay_link"><span>Saiba mais sobre a cidade</span></a> </div>
                    </div>
                    
                </div>
            </div>
<?php } } ?>  
        </div>
        <div class="text-center">
        	<a href="#" class="btn">Veja mais cidades...</a>
        </div>

Ele mostra tudo do banco de dados mais só as imagem que não aparecem no box-grid