# Responsive Image Strategy

### Image Optimization for Devices

The website's responsive design generally scales images for different screen sizes. However, specific images may require optimization for mobile, tablet, and desktop displays.

### Previous Approach

Prior to the current method, a custom CSS solution was used to manage image variations across devices.

### New Method

A new and improved method for handling different images for smartphones versus monitors is now available.

## Training Resource

View the instructional video for detailed guidance on implementing the new image optimization method.

### [Please watch the video to see how it's done.](https://www.loom.com/share/87a1c7f88ac84ee8a4861f400ecf4e95?sid=e934e4b2-6aeb-4871-a03b-785028811df0)