.drop-zone {
    transition: background-color 0.3s, border-color 0.3s;
    position:relative;
}

    .drop-zone.dragging {
        background-color: #e3f2fd;
        border-width: 1px;
        border-style: solid;
        border-color: #62b0f0;
        border-radius: 8px;
    }

        .drop-zone.dragging > * {
            opacity: 0.2;
        }

        .drop-zone.dragging::before {
            content: "\f055";
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 4rem;
            color: rgba(66, 165, 245, 0.7);
            pointer-events: none;
            z-index: 1;
        }