section#s3 {
  padding: var(--padSide);
  margin-top: var(--mergPad);

  text-align: center;
  display: grid;
  grid-template:
    "title" max-content
    "greek_people" max-content
    "text" max-content
    "vase" max-content;
    gap: var(--mergPad);
    justify-content: center;
    justify-items: center;
}
section#s3 > div#title {
  grid-area: title;
}
section#s3 > div#text {
  display: grid;
  grid-template-columns: min-content minmax(min-content, max-content);
  grid-auto-rows: min-content;
  grid-gap: var(--titleGap);
  align-items: center;
  text-align: left;
}
section#s3 > div#text > img{
  justify-self: center;
}
#svg_greeks {
  grid-area: greek_people;
  max-width: 832px;
  width: 100%;
  z-index: 2;
}
#svg_vase{
  max-width: 220px;
  width: 100%;
  grid-area: vase;
}


/****** For Laptop *****/
@media screen and (min-width: 960px) {
  #svg_vase{
    display: initial;
  }

  section#s3 {
    grid-template:
      "title title" min-content
      "greek_people greek_people" max-content
      "text vase" max-content
      /minmax(min-content, 600px) max-content;
      gap: var(--mergPad);
  }
  section#s3 > div#title{
    margin-bottom: 0px;
  }

  /****** PC 1 *****/
  @media screen and (min-width: 1450px) {
    section#s3 {
      grid-template:
        "title title" min-content
        "text greek_people" auto
        /minmax(min-content, 600px) 832px;
    }
    #svg_vase{
      display: none;
    }
  }
}