@media (min-width: 1000px)
{
    main > p{
        font-size: 2em;
        margin : 2% 10%;
    }

    main > div {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        gap: 0.5%;
    }

    div > aside:nth-child(1) > img{
        width: 100%;
    }

    div > aside:nth-child(2) > img{
        width: 100%;
    }

    div > aside:nth-child(3) > img{
        width: 100%;
    }
}

@media (min-width: 701px) and (max-width: 999px)
{
    main > p{
        font-size: 1.2em;
        margin : 1% 15%;
    }

    main > div {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    div > aside:nth-child(1) > img{
        width: 98%;
    }

    div > aside:nth-child(2) > img{
        width: 98%;
    }

    div > aside:nth-child(3) > img{
        width: 98%;
    }
}

@media (max-width: 700px)
{
    main > p{
        font-size: 1em;
        margin : 1% 10%;
    }

    main > div {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    div > aside:nth-child(1) > img{
        width: 80%;
    }

    div > aside:nth-child(2) > img{
        width: 80%;
    }

    div > aside:nth-child(3) > img{
        width: 80%;
    }
}