/* This CSS file styles the thumbnail image for the cover image dropzone */

/* The .thumbnail class is used to display the image preview */
.thumbnail {
    aspect-ratio: 1 / 1; /* Enforces a square aspect ratio regardless of the image dimensions */
    object-fit: cover;   /* Ensures the image covers the element area, cropping parts if necessary */
    width: clamp(20rem, 10vw, 10rem); /* Makes the thumbnail responsive: at least 6rem on small screens, scales with 10vw, but never exceeds 12rem */
    height: auto;        /* Height is automatically calculated based on the aspect ratio */
}