html * {box-sizing: border-box;}

body {
  font-family: system-ui, sans-serif;
  font-size: 100%;
  line-height: 1.35;
  background-image: url("https://images.pexels.com/photos/132464/pexels-photo-132464.jpeg");
  background-size: max(21%, 21%);
  background-color: #cccccc;
}

main {
  background-image: url("https://images.pexels.com/photos/1751277/pexels-photo-1751277.jpeg");
  background-size: max(29%, 29%);
  color: white;
  
 }

@media (min-width: 600px) {
  main {
    display: flex;
    flex-direction: row;
    margin: calc(2vw * 1.5); 
  }

  main>p {
    margin: 1.35em 1em;
    flex: 1 1 50%;
  }
  main>p:nth-child(1) {
    flex-basis: 50%;
  }
}