제가 문서 페이지에 이미지추가를 통해 경로는 ./layouts/xedition/img/example.png 형식으로 넣은 후 사이즈 확인 후 이미지를 넣었습니다. 이렇게 넣은 것 외에는 따로 변경한 것은 없습니다. 

컴퓨터 뿐만아니라 모바일로도 보았을때도 글씨가 깨지지 않고 이미지도 적당한 사이즈로 변하게 하고 싶은데요, 화면을 줄였을 때 글씨는 깨지지 않고 적당하게 배치가 되는데, 이미지가 가로만 줄어들 뿐 높이가 줄어들지 않습니다. 가로와 세로 비율을 적절하게 유지하며 사이즈가 줄게 하고싶습니다. 따로 코드를 수정해야 하나요?