#drop_zone {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    width: 100%; /* Largura fixa */
    height: 300px; /* Altura fixa */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Garante que a imagem não ultrapasse o tamanho da área */
}

#drop_zone:hover {
    border-color: #b80000;
}

#drop_zone img {
    max-width: 100%; /* A imagem não ultrapassa a largura da área */
    max-height: 100%; /* A imagem não ultrapassa a altura da área */
    object-fit: contain; /* Mantém a proporção da imagem e cobre a área */
}