.img-text{
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.img-text img{
  width: 320px;
  max-width: 45%;
  height: auto;
  border-radius: 8px;
}
.img-text.img-right{
  flex-direction: row-reverse;
}

/* 모바일에서는 세로로 쌓기 */
@media (max-width: 768px){
  .img-text{ flex-direction: column; }
  .img-text img{ max-width: 100%; width: 100%; }
}