*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 24px;
  color: #020826;
  background-color: #f9f4ef;
  font-family: 'Jersey 15', sans-serif;
}

body {
  width: 480px;
  margin: 0 auto;
}

h1 {
  padding: 20px;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #716040;
  color: #f9f4ef;
  letter-spacing: 3px;
  margin-bottom: 1rem;
}

h2 {
  font-size: 1.3rem;
  padding-bottom: 1rem;
  color: #716040;
}

p {
  font-size: .7rem;
  line-height: 1.2;
  color: #4f432c;
}

a {
  font-size: .6rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #f25042;
}

a:hover{
  text-decoration: underline;
}

.section-content {
  display: grid;
  grid-template-columns:repeat(2, 240px);
  grid-template-rows: repeat(3, 240px);
  row-gap: 10px;
}

.text-one, .text-two, .text-three {
  padding: 1.5rem 1rem;
}

.image-one {
  background:red;
  background-image: url("https://devforum-uploads.s3.dualstack.us-east-2.amazonaws.com/uploads/original/4X/9/c/f/9cfc4ec1cb20c9cc3914105771c6eacfe6fec01e.jpeg");
  background-size: cover;
  background-postion: center;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}

.image-two {
  background: red;
  background-image: url("https://i.redd.it/tadc-caine-ai-v0-lu3bez2r4mvb1.jpg?s=99b8fdaad5cdb3b6f12d9a26c7976e61399fff28");
  background-size: cover;
  background-postion: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.image-three {
  background:red;
  background-image: url("https://cdn.britannica.com/30/152930-050-CAEA5796/Images-tomography-human-brain.jpg");
  background-size: cover;
  background-postion: center;
  border-top-left-radius: 30px;
}
