/* Enable Smooth Scrolling globally */
html {
    scroll-behavior: smooth;
}

/* Sleek Image Fade-in Animation */
img {
    max-width: 100%;
    height: auto;
    /* The animation applied to all images */
    animation: sleekFadeIn 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Keyframes for the image load effect */
@keyframes sleekFadeIn {
    0% {
        opacity: 0;
        transform: translateY(15px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}