I was advised to create multiple image size of same image so that bootstrap can call the correct image that "fits" the proper screen size.
For example, p_1.png is sized to 752x283. I was told that I need to create two different sizes of this exact same image.
I am confused as to how to tell bootstrap which file image to use when the screen is at a certain size. I cannot save the image (with 3 different sizes) as the same file name.