.container-1-3 {
  display: grid;
  grid-template-areas:
    "pic text";
  grid-template-columns: 1fr 3fr;
  gap: 30px;
  padding: 5px;
  align-items: center;
}
.container > div {
  padding: 10px;
}
.container > div.picture {
  grid-area: pic;
}
.container > div.paragraph {
  grid-area: text;
}

.robot-picture {
  max-width: 100%;
  height: auto;
}

.paragraph {
  font-size: 24px;
}

.container-2-2 {
  display: grid;
  grid-template-areas:
    "pic text";
  grid-template-columns: 2fr 2fr;
  gap: 30px;
  padding: 5px;
  align-items: center;
}
.container > div {
  padding: 10px;
}
.container > div.picture {
  grid-area: pic;
}
.container > div.paragraph {
  grid-area: text;
}


.container-3-1 {
  display: grid;
  grid-template-areas:
    "pic text";
  grid-template-columns: 3fr 1fr;
  gap: 30px;
  padding: 5px;
  align-items: center;
}
.container > div {
  padding: 10px;
}
.container > div.picture {
  grid-area: pic;
}
.container > div.paragraph {
  grid-area: text;
}

.robot-picture {
  max-width: 100%;
  height: auto;
}

.paragraph {
  font-size: 24px;
}

.button-container {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}