.modalImageContainerSquare {
    width: 100%; 
    height: 0; 
    padding-bottom: 100%; 
    display: block; 
    position: relative;

    img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 5px
    }

    .imgLoading {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }
}

.modalVideoContainer {
    width: 100%; 
    height: 0;
    padding-bottom: 56.25%;
    display: block;
    position: relative;

    iframe {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
}