Quando eu puxo a imagem ela vem deitada, uma imagem tirada em um Smartphone por exemplo, esse problema não acontece com todas as imagens, mas com as tiradas no meu celular por exemplo são todas. eu puxo somente o link da imagem do banco de dados mysql , a imagem fica salva em uma pasta separada, quando eu abro a imagem na pasta ela está na orientação normal, "em pé".
Agradeço muito se alguém puder me ajudar.

tenho esse código e queria colocar as legendas nas imagens, alguém pode me ajudar? <div id="fh5co-products" data-section="products"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 fh5co-section-heading text-center"> <h2 class="fh5co-lead animate-single product-animate-1">Nossas fotos fofinhas</h2> <p class="fh5co-sub animate-single product-animate-2">Amor, aqui estão algumas fotinhas que eu achei fofas e que tem alguma coisa que eu queira falar. Desculpa não ter colocado a legenda na própria foto.</p> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12"> <a href="images/tile1.jpg" class="fh5co-figure to-animate image-popup"> <figure> <img src="images/pequenas/tile1.jpg" alt="Free HTML5 Responsive Template" class="img-responsive"> </figure> <h4 class="fh5co-figure-lead">Essa é a legenda</h4> <p class="fh5co-figure-text">Essa é a legenda</p> </a> </div> <div class="clearfix visible-sm-block"></div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <div class="col-md-4 col-md-offset-4 text-center to-animate"> <a href="#" class="btn btn-primary">View All Products</a> </div> </div> </div> </div>