.adsbygoogle {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 250px; /* Adjust this to fit the most common ad size */
    background-color: #f8f8f8; /* Light background to indicate reserved space */
    text-align: center;
    line-height: 250px; /* Center placeholder text */
    color: #aaa;
    transition: transform 0.2s;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: auto;          /* Allows the image to scale proportionally */
    object-fit: contain;   /* Ensures the entire image is visible without cropping */
    overflow-x: scroll;
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox: hide scrollbar */
    -ms-overflow-style: none; /* For IE and Edge: hide scrollbar */
  }
  .adsbygoogle::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera: hide scrollbar */
  }

  #ad-container {
    position: relative;
    width: 100%; /* Ensure container takes full width */
    margin: 0; /* Remove any default margin */
    padding: 0; /* Remove any default padding */
}

#ad-container .adsbygoogle {
    display: block;
    width: 100% !important; /* Force the ad to fill the container */
    position: relative; /* Ensure ad behaves as expected in layout */
    box-sizing: border-box; /* Prevent any overflow issues due to padding/borders */
}