/* PROJECT 3 — DEDICATED IMAGE CLASS
   The project images use the same media-width model as Project 16's iframe:
   width: 100% of the .main content area, max-width: 800px.
   The shared new_project.css controls the page layout, including mobile
   side margins and alignment. */

.project3-image {
    display: block !important;
    width: 100% !important;
    max-width: 800px !important;
    height: auto !important;
    float: none !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
}