.bg-image {
    display: block;
    background: transparent no-repeat center center;
    background-size: cover;
    width: 100% !important;
    height: 0 !important;
    padding-top: 56.25%;
}

figure.bg-image > img {
    border: 0;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.responsive-container {
    display: block;
    background: transparent no-repeat center center;
    background-size: cover;
    width: 100% !important;
    height: 0 !important;
    padding-top: 56.25%;
    position: relative;
}

.responsive-container > * {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 1;
    top: 0;
    left: 0;
}

.bg-image-1-2,
.responsive-container-1-2 {
    padding-top: 200% !important;
}

.bg-image-2-3,
.responsive-container-2-3 {
    padding-top: 150% !important;
}

.bg-image-7-9,
.responsive-container-7-9 {
    padding-top: 128.57% !important;
}

.bg-image-4-3,
.responsive-container-4-3 {
    padding-top: 75% !important;
}

.bg-image-3-2,
.responsive-container-3-2 {
    padding-top: 66.666% !important;
}

.bg-image-16-10,
.responsive-container-16-10 {
    padding-top: 62.5% !important;
}

.bg-image-16-9,
.responsive-container-16-9 {
    padding-top: 56.25% !important;
}

.bg-image-2-1,
.responsive-container-2-1 {
    padding-top: 50% !important;
}

.bg-image-21-9,
.responsive-container-21-9 {
    padding-top: 42.86% !important;
}

.bg-image-3-1,
.responsive-container-3-1 {
    padding-top: 33.333% !important;
}

.bg-image-4-1,
.responsive-container-4-1 {
    padding-top: 25% !important;
}

.bg-image-5-1,
.responsive-container-5-1 {
    padding-top: 20% !important;
}

.bg-image-6-1,
.responsive-container-6-1 {
    padding-top: 16.666% !important;
}

@media (max-width: 767.98px) {
    .bg-image-1-2-s,
    .responsive-container-1-2-s {
        padding-top: 200% !important;
    }

    .bg-image-2-3-s,
    .responsive-container-2-3-s {
        padding-top: 150% !important;
    }

    .bg-image-7-9-s,
    .responsive-container-7-9-s {
        padding-top: 128.57% !important;
    }

    .bg-image-4-3-s,
    .responsive-container-4-3-s {
        padding-top: 75% !important;
    }

    .bg-image-3-2-s,
    .responsive-container-3-2-s {
        padding-top: 66.666% !important;
    }

    .bg-image-16-10-s,
    .responsive-container-16-10-s {
        padding-top: 62.5% !important;
    }

    .bg-image-16-9-s,
    .responsive-container-16-9-s {
        padding-top: 56.25% !important;
    }

    .bg-image-2-1-s,
    .responsive-container-2-1-s {
        padding-top: 50% !important;
    }

    .bg-image-21-9-s,
    .responsive-container-21-9-s {
        padding-top: 42.86% !important;
    }

    .bg-image-3-1-s,
    .responsive-container-3-1-s {
        padding-top: 33.333% !important;
    }

    .bg-image-4-1-s,
    .responsive-container-4-1-s {
        padding-top: 25% !important;
    }

    .bg-image-5-1-s,
    .responsive-container-5-1-s {
        padding-top: 20% !important;
    }

    .bg-image-6-1-s,
    .responsive-container-6-1-s {
        padding-top: 16.666% !important;
    }
}

@media (max-width: 575.98px) {
    .bg-image-1-2-xs,
    .responsive-container-1-2-xs {
        padding-top: 200% !important;
    }

    .bg-image-2-3-xs,
    .responsive-container-2-3-xs {
        padding-top: 150% !important;
    }

    .bg-image-7-9-xs,
    .responsive-container-7-9-xs {
        padding-top: 128.57% !important;
    }

    .bg-image-4-3-xs,
    .responsive-container-4-3-xs {
        padding-top: 75% !important;
    }

    .bg-image-3-2-xs,
    .responsive-container-3-2-xs {
        padding-top: 66.666% !important;
    }

    .bg-image-16-10-xs,
    .responsive-container-16-10-xs {
        padding-top: 62.5% !important;
    }

    .bg-image-16-9-xs,
    .responsive-container-16-9-xs {
        padding-top: 56.25% !important;
    }

    .bg-image-2-1-xs,
    .responsive-container-2-1-xs {
        padding-top: 50% !important;
    }

    .bg-image-21-9-xs,
    .responsive-container-21-9-xs {
        padding-top: 42.86% !important;
    }

    .bg-image-3-1-xs,
    .responsive-container-3-1-xs {
        padding-top: 33.333% !important;
    }

    .bg-image-4-1-xs,
    .responsive-container-4-1-xs {
        padding-top: 25% !important;
    }

    .bg-image-5-1-xs,
    .responsive-container-5-1-xs {
        padding-top: 20% !important;
    }

    .bg-image-6-1-xs,
    .responsive-container-6-1-xs {
        padding-top: 16.666% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .bg-image-1-2-m,
    .responsive-container-1-2-m {
        padding-top: 200% !important;
    }

    .bg-image-2-3-m,
    .responsive-container-2-3-m {
        padding-top: 150% !important;
    }

    .bg-image-7-9-m,
    .responsive-container-7-9-m {
        padding-top: 128.57% !important;
    }

    .bg-image-4-3-m,
    .responsive-container-4-3-m {
        padding-top: 75% !important;
    }

    .bg-image-3-2-m,
    .responsive-container-3-2-m {
        padding-top: 66.666% !important;
    }

    .bg-image-16-10-m,
    .responsive-container-16-10-m {
        padding-top: 62.5% !important;
    }

    .bg-image-16-9-m,
    .responsive-container-16-9-m {
        padding-top: 56.25% !important;
    }

    .bg-image-2-1-m,
    .responsive-container-2-1-m {
        padding-top: 50% !important;
    }

    .bg-image-21-9-m,
    .responsive-container-21-9-m {
        padding-top: 42.86% !important;
    }

    .bg-image-3-1-m,
    .responsive-container-3-1-m {
        padding-top: 33.333% !important;
    }

    .bg-image-4-1-m,
    .responsive-container-4-1-m {
        padding-top: 25% !important;
    }

    .bg-image-5-1-m,
    .responsive-container-5-1-m {
        padding-top: 20% !important;
    }

    .bg-image-6-1-m,
    .responsive-container-6-1-m {
        padding-top: 16.666% !important;
    }
}

@media (min-width: 992px) {
    .bg-image-1-2-l,
    .responsive-container-1-2-l {
        padding-top: 200% !important;
    }

    .bg-image-2-3-l,
    .responsive-container-2-3-l {
        padding-top: 150% !important;
    }

    .bg-image-7-9-l,
    .responsive-container-7-9-l {
        padding-top: 128.57% !important;
    }

    .bg-image-4-3-l,
    .responsive-container-4-3-l {
        padding-top: 75% !important;
    }

    .bg-image-3-2-l,
    .responsive-container-3-2-l {
        padding-top: 66.666% !important;
    }

    .bg-image-16-10-l,
    .responsive-container-16-10-l {
        padding-top: 62.5% !important;
    }

    .bg-image-16-9-l,
    .responsive-container-16-9-l {
        padding-top: 56.25% !important;
    }

    .bg-image-2-1-l,
    .responsive-container-2-1-l {
        padding-top: 50% !important;
    }

    .bg-image-21-9-l,
    .responsive-container-21-9-l {
        padding-top: 42.86% !important;
    }

    .bg-image-3-1-l,
    .responsive-container-3-1-l {
        padding-top: 33.333% !important;
    }

    .bg-image-4-1-l,
    .responsive-container-4-1-l {
        padding-top: 25% !important;
    }

    .bg-image-5-1-l,
    .responsive-container-5-1-l {
        padding-top: 20% !important;
    }

    .bg-image-6-1-l,
    .responsive-container-6-1-l {
        padding-top: 16.666% !important;
    }
}

@media (min-width: 1200px) {
    .bg-image-1-2-xl,
    .responsive-container-1-2-xl {
        padding-top: 200% !important;
    }

    .bg-image-2-3-xl,
    .responsive-container-2-3-xl {
        padding-top: 150% !important;
    }

    .bg-image-7-9-xl,
    .responsive-container-7-9-xl {
        padding-top: 128.57% !important;
    }

    .bg-image-4-3-xl,
    .responsive-container-4-3-xl {
        padding-top: 75% !important;
    }

    .bg-image-3-2-xl,
    .responsive-container-3-2-xl {
        padding-top: 66.666% !important;
    }

    .bg-image-16-10-xl,
    .responsive-container-16-10-xl {
        padding-top: 62.5% !important;
    }

    .bg-image-16-9-xl,
    .responsive-container-16-9-xl {
        padding-top: 56.25% !important;
    }

    .bg-image-2-1-xl,
    .responsive-container-2-1-xl {
        padding-top: 50% !important;
    }

    .bg-image-21-9-xl,
    .responsive-container-21-9-xl {
        padding-top: 42.86% !important;
    }

    .bg-image-3-1-xl,
    .responsive-container-3-1-xl {
        padding-top: 33.333% !important;
    }

    .bg-image-4-1-xl,
    .responsive-container-4-1-xl {
        padding-top: 25% !important;
    }

    .bg-image-5-1-xl,
    .responsive-container-5-1-xl {
        padding-top: 20% !important;
    }

    .bg-image-6-1-xl,
    .responsive-container-6-1-xl {
        padding-top: 16.666% !important;
    }
}