#experiencia img {
    height: 100%;
    background: white;
    width: 150px;
    height: 150px;
    padding: 2rem;
    border: 5px solid var(--primary);
    border-radius: 25px;
    transition: border-radius .3s ease, box-shadow .3s ease;
}

#experiencia img:hover {
    border-radius: 0;
    box-shadow: 0px 0px 10px 1px var(--gray2);
}

#experiencia h4{
    font-size: 1rem;
    margin-bottom: 3rem;
}

@media only screen and (min-width: 801px){
    #experiencia > div{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
        margin: 1rem;
    }
}



@media only screen and (max-width: 800px){
    #experiencia > div{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        margin: 1rem;
    }
}