@media (min-width: 360px) and (max-width: 991px) {
.parent-03 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 45px;
}
.div03-2 { grid-area: 1 / 1 / 2 / 2; }
.div03-1 { grid-area: 2 / 1 / 3 / 2; }

.div03-1 {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}
.div03-2 {
  aspect-ratio: 1/1;
}
}



@media (min-width: 992px) {
.parent-03 {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div03-1 { grid-area: 1 / 1 / 2 / 2; }
.div03-2 { grid-area: 1 / 2 / 2 / 3; }

.div03-1 {
  aspect-ratio: 1.6/1;
  padding-left: 15%;
  padding-right: clamp(50px, 50px + 0.16164*(100vw - 992px), 200px);
}
}