.grid {
	display: table;	
	width: 100%;
	border: none;
	border-collapse: separate;
	border-spacing: 0.2rem;
}
.grid-tr {
	 display: table-row;
}
.grid-td {
	display: table-cell;
	vertical-align: top;
	padding: 0;
    aspect-ratio: 1 / 1;
    background-color: bisque;
}

.grid-td img {
	object-fit: fill;
	width: 100%;
	height: 100%;
}
.grid-td.showed img, .grid-td.open img {
	visibility: visible;
}

.grid-td.closed img {
	visibility: hidden;
}

.modal-body img {
	object-fit: fill;
	width: 100%;
	height: 100%;
}