/*Square grid styles  */
.squares-wrapper {
  display: flex;
  justify-content: center;
}

.squares-wrapper > .squares {
  width: 1000px;
}

.squares-wrapper > .squares > .square {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: -4px;
}
.square > .image-wrapper-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.square > .square-text-wrapper {
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
  padding: 25 px;
}
.square > .square-text-wrapper h1 {
  color: #cea135;
}