/*CSS geral*/

    img{

        width: 30%;
        
        @media (max-width: 575.98px) {
            width: 100% !important;
        }
        
        @media (min-width: 576px) and (max-width: 767.98px) { 
            width: 100% !important;
        }

        
        @media (min-width: 768px) and (max-width: 991.98px) { 
            width: 100% !important;
        }
    }

    .col-8{
        text-align: center;
    }

    .container{
        margin: 10em auto;
        display: block;
    }