﻿.single-image-picker img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.single-image-picker {
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.banner {
    aspect-ratio: 5/1;
}

.landscape {
    aspect-ratio: 16/9;
}

.portrait {
    aspect-ratio: 9/16;
}

.square {
    aspect-ratio: 1/1;
}

@media print,
screen and (min-width: 64em) {
    .single-image-picker {
        margin-bottom: 1.75rem
    }
}