.crop-container {
    overflow: hidden;
    border: 2px solid #ccc;
    transition: all 0.3s ease;
    /* Smooth resizing */
}

/* The "Auto Crop" magic */
.crop-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Fixed Sizes */
.square {
    width: 415px;
    height: 300px;
}

.horizontal {
    width: 500px;
    height: 250px;
}

/* Full Size Override */
.full-size {
    width: auto !important;
    height: auto !important;
}

.full-size img {
    object-fit: contain !important;
    /* Shows whole image */
}