@media (min-width: 920px) {
    .three_column.bg-blue.lazy-bg { 
         aspect-ratio: 28 / 12;
         min-height: 620px;
    }

    .image-aspect-ratio-container {
        position: relative;
        width: 100%;
        /* Fallback for browsers that don't support aspect-ratio */
        padding-bottom: calc(var(--aspect-ratio, 100 / 30) * 1%); /* Adjust this calculation if needed */
        /* Modern way to define aspect ratio */
        aspect-ratio: var(--aspect-ratio, 100 / 30);
        overflow: hidden; /* Ensures image doesn't overflow if it's larger */
    }

    .image-aspect-ratio-container img {
        display: block; /* Remove extra space below image */
    }
}