#sectionQueHago{
    width: 100%;
    height: fit-content!important;
    padding: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 15px;
}
#sectionQueHago >div:first-of-type{
    width: 80vw;
    height: 80vw;
    display: flex;
    justify-self: center;
    align-self: center;
}
#sectionQueHago >div:first-of-type >img{
    display: block;
    width: 80vw;
    height: 80vw;
    border: 1px solid transparent;
    border-radius: 100%;
}
#sectionQueHago >div:last-of-type{
    display: flex;
    justify-self: center;
    align-self: center;
    text-align: center;
    width: fit-content;
    height: fit-content;
    padding: 20px;
}
#sectionQueHago >div:last-of-type >div{
    display:grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr auto;
    grid-gap: 10px;
}
@media screen and (min-width: 900px){
    #sectionQueHago{
        grid-template-columns: 350px auto;
        grid-template-rows: 1fr;
        height: fit-content;
        padding: 50px;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }
    #sectionQueHago >div:first-of-type{
        width: 250px;
        height: 250px;
    }
    #sectionQueHago >div:first-of-type >img{
        width: 250px;
        height: 250px;
    }
    #sectionQueHago >div:last-of-type >div{
        max-width: 350px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }
    #sectionQueHago >div:last-of-type >div >p{
        padding: 10px;
    }

}