and when it is scaled as small as on the mobile screen, the image would become very huge.
I tried to used some general html methods to fix it, such as set max length in style and image but then the display will get very weird, since the image frame and the image will be in a different shape. I tried to adjust the number after "col-sm, col-md, col-lg, col-xl” but also failed.
I set the responsive image on the left hand side of a section:
and when it is scaled as small as on the mobile screen, the image would become very huge.
I tried to used some general html methods to fix it, such as set max length in style and image but then the display will get very weird, since the image frame and the image will be in a different shape. I tried to adjust the number after "col-sm, col-md, col-lg, col-xl” but also failed.
What is the best way to fix this issue?