img {

    max-width: 100%;
    height: auto;

}

body {
    align-items: center;
}

@media screen and (min-width: 1px) {
    

    .rick {
        display: none;
    }

    .negan {

        display: none;


    }

    .gov {

        display: flex;
        
    }

    .good {

        display: none;
    }

    .bad {

        display: none;
    }

    .ugly {

        display: flex;
    }
}







@media screen and (min-width: 375px) {

    .gov {
        display: none;
    }

    .rick {
        display: none;
    }

    .negan {
        display: flex;
    }

    .good {

        display: none;
    }

    .bad {

        display: flex;
    }

    .ugly {

        display: none;
    }

}





@media screen and (min-width: 768px) {
    .negan {

        display: none;
    }

    .gov {
        display: none;
    }

    .rick {

        display: flex;
    }

    .good {

        display: flex;

    }

    .bad {
        display: none;
    }

    .ugly {

        display: none;
    }
}