/* Screenshot Image Quality Enhancement */

/* Improve image rendering for screenshots with text */
.feature-image img,
.phone-mockup img {
    /* Use high-quality smooth scaling for best text rendering */
    image-rendering: auto;
    image-rendering: -webkit-optimize-quality;

    /* Enable hardware acceleration for smoother rendering */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;

    /* Prevent image from being blurry */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    /* Ensure images are displayed at full quality */
    max-width: 100%;
    height: auto;
}

/* For very high-DPI displays (Retina, 4K, etc.) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .feature-image img,
    .phone-mockup img {
        /* On high-DPI displays, ensure smooth high-quality rendering */
        image-rendering: auto;
        image-rendering: -webkit-optimize-quality;
    }
}