html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
   
}

#parent-container {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 320px; /* Ad's original width */
    height: 90px; /* Ad's original height */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    overflow: hidden; /* Hide any overflow */
}

/* Trick to compress ad height visually */
.adsbygoogle {
    width: 100%;
    height: 100%;
    transform: scaleY(0.75); /* Adjust height visually */
    transform-origin: top; /* Scale from the top */
}

/* For smaller screens, apply this style */
@media (max-width: 480px) {
    #parent-container {
        height: 70px; /* Compress container height on mobile */
    }
    .adsbygoogle {
        transform: scaleY(0.75); /* Further reduce height visually on small screens */
    }
}