/*
Aspect Ratio CSS Snippet for iFrames
*/

[style*="--aspect-ratio"] > :first-child {
        width: 100%;
    }
    [style*="--aspect-ratio"] > img {  
        height: auto;
    } 
    @supports (--custom:property) {
        [style*="--aspect-ratio"] {
            position: relative;
        }
        [style*="--aspect-ratio"]::before {
            content: "";
            display: block;
            padding-bottom: calc(100% / (var(--aspect-ratio)));
        }  
        [style*="--aspect-ratio"] > :first-child {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }  
    }