.embed-container {
    background-color: #333;
    position: relative;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    height: 0;
    overflow: hidden;
}
  
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio16x9 {
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.ratio4x3 {
    padding-top: 75%; /* 4:3 Aspect Ratio */
}

.ratio3x2 {
    padding-top: 66.66%; /* 3:2 Aspect Ratio */
}

.ratio8x5 {
    padding-top: 62.5%; /* 8:5 Aspect Ratio */
}

.ratio2x1 {
    padding-top: 50%; /* 4:3 Aspect Ratio */    
}