An image that is responsive to its width on the screen (can be also a background image) Works with retina displays.
Media queries only take care of the screen size and resolution, not about the actual image size. What if your image is 300px on an iPhone and only 100px on a larger screen?
yarn add react-image-responsive
;;const sources =maxWidth: 100 src: ''maxWidth: 200 src: ''maxWidth: 400 src: ''maxWidth: 800 src: ''maxWidth: 1200 src: '';ReactDOM;