.grid {
	display: grid;
  	grid-template-columns: repeat(70, 10px); /* Set to always have 60 columns */
  	grid-template-rows: repeat(11, 12px); /* Set to always have 11 rows */
  	gap: 1px; /* Space between cells */
}

.cell {
  	width: 10px;
  	height: 12px;
  	background-color: #fff; /* Default to white */
  	transition: background-color 1s ease; /* Smooth transition for color change */
}

.image-emitter {
    width: 50px; /* Adjust the size of the images as needed */
    z-index: 2;
}

/* Smaller devices (landscape phones, less than 1200px) */
@media (max-width: 1200px) {
  	.grid {
    	grid-template-columns: repeat(70, 9px); /* smaller cells */
		grid-template-rows: repeat(11, 10px);
  	}
  	.cell {
    	width: 9px;
    	height: 10px;
  	}
}

/* Smaller devices (landscape phones, less than 1200px) */
@media (max-width: 1024px) {
  	.grid {
    	grid-template-columns: repeat(70, 8px); /* smaller cells ÆNDRET DET HER TIL 9!!! Var 7 før*/
		grid-template-rows: repeat(11, 9px);
  	}
  	.cell {
    	width: 8px;
    	height: 9px;
  	}
}

/* Smaller devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
  	.grid {
    	grid-template-columns: repeat(70, 7px); /* smaller cells */
		grid-template-rows: repeat(11, 8px);
  	}
  	.cell {
    	width: 7px;
    	height: 8px;
  	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  	.grid {
    	grid-template-columns: repeat(70, 6px); /* even smaller cells */
		grid-template-rows: repeat(11, 7px);
  	}
  	.cell {
    	width: 6px;
    	height: 7px;
  	}
}

/* Extra small devices (portrait phones, less than 480px) */
@media (max-width: 480px) {
  	.grid {
    	grid-template-columns: repeat(70, 5px); /* even smaller cells */
	  
		grid-template-rows: repeat(11, 6px);
  	}
  	.cell {
    	width: 5px;
    	height: 6px;
  	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 320px) {
  	.grid {
    	grid-template-columns: repeat(70, 5px); /* even smaller cells */
		grid-template-rows: repeat(11, 6px);  
  	}
  	.cell {
    	width: 5px;
    	height: 6px;
  	}
}