.comic-gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(10, 1fr );
	grid-gap: 20px;
	max-width: 1200px; 
	width: 100%;
	
}

.comic-gallery img {
	object-fit: cover; 
	width: 100%; 
    height: 100%; 
    align-items: center;

    border: 0px solid black;


}

.comic-gallery img:nth-child(1) {grid-column-start: span 1;}
.comic-gallery img:nth-child(2) {grid-column-start: span 1;}
.comic-gallery img:nth-child(3) {grid-column-start: span 1;}
.comic-gallery img:nth-child(4) {grid-column-start: span 1;}
.comic-gallery img:nth-child(5) {grid-column-start: span 1;}
.comic-gallery img:nth-child(6) {grid-column-start: span 1;}
.comic-gallery img:nth-child(7) {grid-column-start: span 1;}
.comic-gallery img:nth-child(8) {grid-column-start: span 1;}
.comic-gallery img:nth-child(9) {grid-column-start: span 1;}
.comic-gallery img:nth-child(10) {grid-column-start: span 1;}
.comic-gallery img:nth-child(11) {grid-column-start: span 1;}
.comic-gallery img:nth-child(12) {grid-column-start: span 1;}
.comic-gallery img:nth-child(13) {grid-column-start: span 1;}
.comic-gallery img:nth-child(14) {grid-column-start: span 1;}
.comic-gallery img:nth-child(15) {grid-column-start: span 1;}
.comic-gallery img:nth-child(16) {grid-column-start: span 1;}
.comic-gallery img:nth-child(17) {grid-column-start: span 1;}
.comic-gallery img:nth-child(18) {grid-column-start: span 1;}
.comic-gallery img:nth-child(19) {grid-column-start: span 1;}
.comic-gallery img:nth-child(20) {grid-column-start: span 1;}
.comic-gallery img:nth-child(21) {grid-column-start: span 1;}
.comic-gallery img:nth-child(22) {grid-column-start: span 1;}

@media only screen and (max-width: 700px) {
	.comic-gallery {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(22, 1fr);
		max-width: 600px; 
	}
	.comic-gallery img:nth-child(1) {grid-column-start: span 1;}
.comic-gallery img:nth-child(2) {grid-column-start: span 1;}
.comic-gallery img:nth-child(3) {grid-column-start: span 1;}
.comic-gallery img:nth-child(4) {grid-column-start: span 1;}
.comic-gallery img:nth-child(5) {grid-column-start: span 1;}
.comic-gallery img:nth-child(6) {grid-column-start: span 1;}
.comic-gallery img:nth-child(7) {grid-column-start: span 1;}
.comic-gallery img:nth-child(8) {grid-column-start: span 1;}
.comic-gallery img:nth-child(9) {grid-column-start: span 1;}
.comic-gallery img:nth-child(10) {grid-column-start: span 1;}
.comic-gallery img:nth-child(11) {grid-column-start: span 1;}
.comic-gallery img:nth-child(12) {grid-column-start: span 1;}
.comic-gallery img:nth-child(13) {grid-column-start: span 1;}
.comic-gallery img:nth-child(14) {grid-column-start: span 1;}
.comic-gallery img:nth-child(15) {grid-column-start: span 1;}
.comic-gallery img:nth-child(16) {grid-column-start: span 1;}
.comic-gallery img:nth-child(17) {grid-column-start: span 1;}
.comic-gallery img:nth-child(18) {grid-column-start: span 1;}
.comic-gallery img:nth-child(19) {grid-column-start: span 1;}
.comic-gallery img:nth-child(20) {grid-column-start: span 1;}
.comic-gallery img:nth-child(21) {grid-column-start: span 1;}
.comic-gallery img:nth-child(22) {grid-column-start: span 1;}