.grid__item--bg{
	/*background-color: var(--item-bg);*/
	/*position: absolute;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	object-fit: contain;
	overflow: hidden;
    /*transform: translate(-50%, -50%);*/
}
.grid__item--bg canvas{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	object-fit: contain;
    /*transform: translate(-50%, -50%);*/
}
.grid__item-img {
	display: block;
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.grid__item-img {
		height:100%;
		width: auto;
	}
}

.grid__item-img canvas {
	height: 100%!important;
}
.grid__item-img img {
	height: 100%;
	display: block;
}
.grid__item-img img {
	display: none;
}