When I check my website in various browsers such as Firefox, IE, Edge, and Safari, I noticed that the images in the "My Specialties" section of the left column are extending outside of the div instead of fitting within it. This problem also occurs in Chrome when the window size is less than 1200px. Despite trying different solutions suggested by other users for similar issues, I have not been successful in resolving it. Initially, I did not encounter this problem, so it might be something simple and overlooked. Inline-flex and clear:both techniques did not work in fixing this issue.
Moreover, I have encountered strange behavior with Flexbox which could possibly be related to this problem. I have utilized Flexbox and jQuery to ensure that the right and left columns maintain equal dimensions despite variations in their content structures.
Additionally, there seems to be excess white space on the right side of the page, visible next to the header, but I am uncertain how to remove it. Even after setting the padding and margin of the body to 0, the issue persists.