.plants-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.plant-item {
    box-sizing: border-box;
    margin-bottom: 20px; /* Add some spacing between items */
    text-align: center;
    width: 20%;
}
.plant-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.plant-item>a>h3 {
    padding: 0 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family:'Lato', sans-serif;
    font-size: 1.2rem;
}
.herbier_h1 {
    text-transform: uppercase;
    padding: 7.5rem 5rem;
    text-align: center;
    background: #fdf9f3;
}
.herbier_h1 h1{
    font-size: 2.5rem;
}
@media screen and (max-width: 768px){
    .plant-item{
        width: 50%;
    }
    .herbier_h1 {
        padding: 5rem 2rem;
    }
}