.iframe-container { position: relative; overflow: hidden; padding-top: 56.25%; margin: 0 auto; max-width: 100%; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .iframe-container { padding-top: 100%; } }