/* ...existing code... */
.animated-element {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

/* Reserve space for images */
img {
    width: 100%;
    height: auto;
}

/* Reserve space for videos */
video {
    width: 100%;
    height: auto;
}

/* Reserve space for ads */
.ad-container {
    width: 100%;
    height: 250px; /* Adjust height based on your ad size */
}

/* Use font-display swap for web fonts */
@font-face {
    font-family: 'YourFontName';
    src: url('your-font-url.woff2') format('woff2');
    font-display: swap;
}

/* ...existing code... */