main{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    column-gap: 2em;
}
main section{
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 15px;
    padding: 20px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: min-content max-content;
    margin-bottom: 2em;
}
main section div{
    height: min-content;
}
main section p{
    padding-right: 1em;
    margin: auto;
    text-align: justify;
    height: min-content;
    grid-column: 1/3;
}
main section h2{
    height: min-content;
}
main section img{
    width: 100%;
    border-radius: 100%;
    margin: 25% 0 25% 0;
}
@media (max-width: 1100px) {
    main{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
    }
    main section{
        height: min-content;
        display: block;
    }
}
@media (max-width: 700px) {
    main{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
    }
    main section{
        height: min-content;
        display: block;
    }
    main section p{
        padding: 0;
        padding-bottom: 1em;
    }
    main section img{
        width: 100%;
        margin: 0 auto;
    }
    .infoSection{
        display: none;
    }
}