Untitled

<div class="w3-row">
    <!-- Gallery -->
    <div class="w3-third w3-container">
        <div class="w3-row-padding">
            <div *ngFor="let image of galleryImages" class="w3-col s6 w3-margin-bottom">
                <img [src]="image" class="w3-image" draggable="true" (dragstart)="onDragStart($event, image)">
            </div>
        </div>
    </div>

    <!-- Front and Back Boxes -->
    <div class="w3-twothird w3-container">
        <div class="w3-row">
            <div class="w3-col s12 m6 w3-margin-bottom">
                <div class="w3-card w3-border w3-container" (drop)="onDrop($event, 'front')" (dragover)="allowDrop($event)">
                    <img [src]="frontImage" class="w3-image">
                </div>
            </div>
            <div class="w3-col s12 m6 w3-margin-bottom">
                <div class="w3-card w3-border w3-container" (drop)="onDrop($event, 'back')" (dragover)="allowDrop($event)">
                    <img [src]="backImage" class="w3-image">
                </div>
            </div>
        </div>
    </div>
</div>