Image Size and Aspect Ratio

The max-width property is applied to the <img> elements to ensure that images never exceed their container's width. This prevents images from overflowing or stretching beyond the viewport on smaller screens.

(Applied: jobs.html, about.html)

Border Radius

A border radius (border-radius) is applied to the <img> elements to give them rounded corners, enhancing their visual appeal.

(Applied: index.html, jobs.html, apply.html, about.html)

Box Shadow

A box shadow (box-shadow) is applied to the <img> elements to add depth and a sense of elevation, making the images appear more visually engaging.

(Applied: index.html, jobs.html, apply.html, about.html)

Margin and Padding

Margin and padding properties may be adjusted to ensure appropriate spacing between images and surrounding elements, optimizing layout and visual balance.

(Applied: index.html, jobs.html, apply.html, about.html)

Media Queries

Media queries are used to adjust image size, styling, and layout based on the screen size and device orientation. For example, images may be displayed in a single column layout on smaller screens to improve readability and user experience.

(Applied: index.html, jobs.html, apply.html, about.html)