Please go through the above article and check if that resolves your issue!
If it doesn't then please do inspect element and add a couple of CSS attributes to the DOM element containing the image in the background that will set the image as cover and then it will have resistance to the zoom-in or zoom-out actions. You can get several articles on the web on this.
Thanks for your suggession I have already tried the above by providing the below attributes but still i get the white background in the bottom if the image is zoomed out after 67%. Kindly see the screen shot below.
The business needs the full image to be displayed irrespective of any zoom till 25% zoomout. But the pixel of the image breaks after a specified zoomout say 50% as shown in screenshot and displays a white background in the bottom.