html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0
}

body {

  background-image: url(https://deformativesoundlab.co.uk/SV/400metal.jpg);
background-repeat: repeat;
}


.wrapper {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
height: 100%;
object-fit: cover;
border: 2px solid black;
}
.two {
  grid-column: 2;
  grid-row: 1;
  border: 2px solid black;
}
.three {
  grid-column: 3;
  grid-row: 1;
  border: 2px solid black;
}
.four {
  grid-column: 4;
  grid-row: 1;
  border: 2px solid black;
}



	/* EOS */
	/* Style the body */
	 body {
		 font-family: Tahoma;
		 margin: 0;

	 }


	 /* Header/Logo Title */
	 .header img {
		 padding: 18px;
	   float: right;
width: 550px;
	   background: #000000;
	 }


	 .header {
		 padding: 10px;
     padding-left: 4%;
		 position: relative;
		 background: #000000;
		 color: white;
		 font-size: 20px;
	 }

.footer {
  padding-top: 10%;
  font-family: Tahoma;
  font-size: 18px;
}


</style>