:root {
    --blue: #1a1a52;
    --orange: #F04923;
    --border: 8px;
}

body {
    width: 50vw;
    top: 0px;
    margin: auto;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
  display: grid;
  width: 100%;
  height: 900px;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: 33% 33% 33%;
  gap: var(--border);
}

.item { 
  background: var(--blue); 
  border: var(--border) solid var(--blue);
  width: 100%;
  height: auto;
}
.item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}