When previewing my responsive project, the project looks fine at the standard sizes: 360, 768, and 1024. However, in preview when I move the slider to a dimension that is in between these standard sizes, the photo of a person in the upper left gets distorted, and the image on the far left does not scale proportionally.
Also, I want the left edge of the photo of a person to align with the left edge of the text underneath it. When I move the slider to a dimension that is in between the standard sizes, the person photo shifts to the right, but the text does not -- and the left edge of the photo and the left edge of the text no longer left align.
Is there a way to specify that certain objects (particularly images) scale proportionally no matter what the width of the browser window -- and that certain objects keep their alignment to one another?