Estou com um problema a posicionar os divs dos produtos eles não ficam alinhados.

http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php

Como podem ver aqui no CSS tenho:

    .produto_em_destaque{
         display: table;
         width: 70%;
         float: right;}
        
    .produtos_em_destaque{
         display: inline-table;
         width: 20%;
         height: 283px;
         text-align: center;
        }

No HTML tenho:

    <div id="produto_em_destaque" class="produto_em_destaque">
    <?php
    while($row = $result->fetch_assoc()) {
    ?>
    <div class="produtos_em_destaque">
     <a href=<?php echo "produto.php?id=" . $row['id']; ?>>
     <img class="produtos_em_destaque_img" src=<?php echo "imagens/" . $row['imagem'] ?>>
    <h4><?php echo $row['nome'] ?></h4>
    <span><?php echo $row['preco'] ?>€</span>
    </a>
    </div>
    <?php
    }
    ?>