main {
    margin: 80px 0 0 0;
}
div.presentation {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    padding: 50px;
}

div.images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    margin: 40px 0;
}
div.images img {
    display: block;
    width: auto;
    max-height: 300px;
    margin: 0 auto;
}

p {
    text-align: justify;
}

@media screen and (max-width: 580px) {
    div.images {
        display: block;
    }
    div.image {
        margin: 10px 0;
    }
    div.images img {
        width: 100%;
        max-height: none;
        height: auto;
    }
    div.presentation {
        padding: 20px;
    }
}