.container {
  display: grid;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .container {
    grid-template-columns: 1fr;
  }
}
/*- option --*/
.text {
  width: 65%;
  padding: 0 20px;
  font-size: 1.5em; 
  font-weight: bold; 
}