imagenes repetidas order by limit

[devil65]

hola.
tengo un ploblemilla con mi codigo ya que tengo mi bd llamada articulos donde saco titulo texto y foto pero al momento de darle

Código PHP:

$query = "SELECT * FROM articulos Order by id_art DESC LIMIT 6";
 

este me saca todas las imagenes del 1 al 6 pero repite la primera imagen enton todos los 6 divs alguna idea de que tengo mal en mi codigo?

agradeceria sus amables comentarios y muchas gracias por su paciencia.
este es mi codigo

Código HTML:

<!--- aqui empieza el articulo 1------------------------------------------------------------------>
<div class="col-md-2 single-member col-sm-4">
<div class="person">
<?php
require("banner/conexion.php");
$query = "SELECT * FROM articulos Order by id_art DESC LIMIT 1";
$resultado =$conexion->query($query);
while($row=$resultado->fetch_assoc()){
$ruta = "img/" . $row['imagen'];
 
?>
        <div class="item active">
        <img src="<?php echo $ruta; ?>" width="200" heigth="300">
        <div class="person-detail">
        <div class="arrow-bottom"></div>
        <a href="http://localhost/WEB/confecoop/ubusina/public/articulos.php">
        
        <h3><?php $cortar =($row['titulo']);
        if ((strlen($cortar))) {
            $cortar=substr($cortar, 0,35) ."..";}
            echo $cortar;?></h3>
 
        <p><?php $cortar =($row['texto']);
         $texto_size=140;
         $cortar=substr($cortar, 0,$texto_size);
         $index=strrpos($cortar, " ");
         $cortar=substr($cortar, 0,$index); $cortar.="... Leer Mas";
         echo $cortar;?></p>
        <!--Aqui mostramos un string cortado-->
 
   </div>
  </div>
 </div>
</div>
<!--aqui termina el articculo 1-->
<!--- aqui empieza el articulo 2-->
 
 
<div class="col-md-2 single-member col-sm-4">
<div class="person-detail">
<div class="arrow-top"></div>
<a href="http://localhost/WEB/confecoop/ubusina/public/index.php"></a>
       
       <h3><?php $cortar =($row['titulo']);
        if ((strlen($cortar))) {
            $cortar=substr($cortar, 0,35) ."..";}
            echo $cortar;?></h3>
        
      <p><?php $cortar =($row['texto']);
         $texto_size=120;
         $cortar=substr($cortar, 0,$texto_size);
         $index=strrpos($cortar, " ");
         $cortar=substr($cortar, 0,$index); $cortar.="... Leer Mas";
         echo $cortar;?></p>
        </div>
        <div class="person">
       <img src="<?php echo $ruta; ?>" width="200" heigth="300">    
   
  </div>
 </div>
 
 <!--aqui termina el articulo 2-->