body{
					background:#d3d3d3;
					display:flex;
					justify-content:center;
					margin-top:37px;
					font-family:Arial;
				}

				.container{
					width:1000px;
					background:green;
					padding:10px;
					display:grid;
					gap:10px;
					grid-template-columns: 2fr 2fr 1.2fr;
					grid-template-rows: 80px auto auto 80px;
				}

				.caja{
					background:white;
					padding:20px;
					position:relative;
					font-size:22px;
					text-align:center;
					overflow:hidden;
					display:flex;
					align-items:center;
					justify-content:center;
				}

				.caja img{
					position: absolute;
					top: 0;
					left: -50;
					width: auto;
					height: 100%;
					object-fit: cover;
					opacity: 0;
					transition: opacity .3s ease;
					z-index: 1;
				}

				.caja .texto{
					position: relative;
					z-index: 2;
				}

				.caja:hover img{
					opacity: 1;
				}

				.c2 { grid-column:1 / 2; grid-row:1; }
				.c3 { grid-column:2 / 3; grid-row:1; }
				.c4 { grid-column:3 / 4; grid-row:1; }

				.c1 { grid-column:1 / 3; grid-row:2 / 4; }

				.c5 { grid-column:3 / 4; grid-row:2; }
				.c6 { grid-column:3 / 4; grid-row:3; }

				.c7 { grid-column:1 / 2; grid-row:4; }
				.c8 { grid-column:2 / 4; grid-row:4; }