.flora-fauna {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20%;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.flora-fauna img {
    border-radius: 70%;
    width: 17vw;
    max-width: 400px;
    height: auto;
    transition: transform 0.2s ease-out;
}

.flora-fauna img:hover {
    transform: scale(1.1);
}

.flora-fauna a {
    width: 15vw;
    max-width: 120px;
    height: auto;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flora-fauna p{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    font-size: calc(2 * (1vw + 1vh)/2);

    height: 15px;
    
    font-family: "Crimson Text", serif;
    font-weight: 700;
    font-style: normal;
}
.flora:hover img, .fauna:hover img{
    transform:scale(1.1) ;
}