/* image aspect ratio square 1:1 */
.pcm-img.pcm-aspect-ratio-image-1-1 {
    padding-top: 100%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-1-1 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio landscape 16:9 */
.pcm-img.pcm-aspect-ratio-image-16-9 {
    padding-top: 56.25%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-16-9 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio landscape 4:3 */
.pcm-img.pcm-aspect-ratio-image-4-3 {
    padding-top: 75%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-4-3 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio landscape 3-2 */
.pcm-img.pcm-aspect-ratio-image-3-2 {
    padding-top: 66.66%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-3-2 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio portrait 9:16 */
.pcm-img.pcm-aspect-ratio-image-9-16 {
    padding-top: 177.77%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-9-16 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio portrait 3:4 */
.pcm-img.pcm-aspect-ratio-image-3-4 {
    padding-top: 133.33%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-3-4 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio portrait 2:3 */
.pcm-img.pcm-aspect-ratio-image-2-3 {
    padding-top: 150%;
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-2-3 > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* image aspect ratio custom */
.pcm-img.pcm-aspect-ratio-image-custom {
    display: block;
}
.pcm-img.pcm-aspect-ratio-image-custom > picture > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.pcm-img > picture > img.pcm-image-fit-in {
    object-fit: contain;
}
.pcm-image-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
}
.pcm-img {
    position: relative;
    overflow: hidden;
}