main {
  width: 100%;
  max-width: 800px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  /*  */
  transition: 0.3s ease-in-out;
  display: grid;
  grid-template-columns: 1fr;
  /* grid-template-rows: min-content; */
}

@media (min-width: 660px) {
  main {
    height: 90vh;
    width: clamp(600px, 100%, 800px);
    grid-template-columns: 1fr 1fr;
  }
}

/* - - - - - - - - - - - - - - - - - - - -  */
.left {
  height: 70vh;
  background-image: url(../img/bike-girl.jpg);
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: cover;
  /* border: 1px solid red; */
  position: relative;
}

@media (min-width: 660px) {
  .left {
    height: 100%;
    border-radius: 10px 0 0 10px;
    /* border: 1px solid red; */
  }
}