<div data-w-tab="Upload" class="tab-pane no-padding w-tab-pane">
    <div class="auth-form w-form">
        <form id="upload-image" name="upload-image" data-name="upload-image" method="post" class="form">
            <div class="w-layout-grid grid-1-3">
                <div class="image-picker-upload-container-left">
                    <div class="field-label">Upload Image</div>
                    <div class="image-picker-image-container">
                        <div class="image-picker-placeholder">
                            <div class="image-picker-placeholder-icon w-embed">
                                <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewbox="0 0 32 32"><polygon points="4 20 4 22 8.586 22 2 28.586 3.414 30 10 23.414 10 28 12 28 12 20 4 20"><path d="M19,14a3,3,0,1,0-3-3A3,3,0,0,0,19,14Zm0-4a1,1,0,1,1-1,1A1,1,0,0,1,19,10Z"></path><path d="M26,4H6A2,2,0,0,0,4,6V16H6V6H26V21.17l-3.59-3.59a2,2,0,0,0-2.82,0L18,19.17,11.8308,13l-1.4151,1.4155L14,18l2.59,2.59a2,2,0,0,0,2.82,0L21,19l5,5v2H16v2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Z"></path></polygon></svg>
                            </div>
                        </div>
                        <img alt="{filename}" src="{image}" loading="lazy" class="image-picker-uploaded-image">
                        <div id="change-image" class="change-image">
                            <div class="change-image-hover-icon w-embed">
                                <svg xmlns="http://www.w3.org/2000/svg" height="64" viewbox="0 0 24 24" width="64%" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18 20H4V6h9V4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2v9zm-7.79-3.17l-1.96-2.36L5.5 18h11l-3.54-4.71zM20 4V1h-2v3h-3c.01.01 0 2 0 2h3v2.99c.01.01 2 0 2 0V6h3V4h-3z"></path></svg>
                            </div>
                        </div>
                    </div>
                    <div class="space-1rem"></div>

                    <div class="field-label">Adjust Fit</div>
                    <div data-delay="0" data-hover="false" class="dropdown w-dropdown">
                        <div class="dropdown-closed w-dropdown-toggle">
                            <div class="dropdown-arrow w-icon-dropdown-toggle"></div>
                            <div class="dropdown-text">Fill</div>
                        </div>
                        <div class="dropdown-open w-dropdown-list">
                            <div class="dropdown-options">
                                <a href="#" class="dropdown-option w-inline-block">
                                    <div class="dropdown-option-selected-icon-container">
                                        <div class="dropdown-option-selected-icon w-embed">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                        </div>
                                    </div>
                                    <div class="dropdown-option-text">Fill</div>
                                </a>
                                <a href="#" class="dropdown-option w-inline-block">
                                    <div class="dropdown-option-selected-icon-container">
                                        <div class="dropdown-option-selected-icon w-embed">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                        </div>
                                    </div>
                                    <div class="dropdown-option-text">Fit</div>
                                </a>
                                <a href="#" class="dropdown-option w-inline-block">
                                    <div class="dropdown-option-selected-icon-container">
                                        <div class="dropdown-option-selected-icon selected w-embed">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                        </div>
                                    </div>
                                    <div class="dropdown-option-text">Fit with Padding</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="image-picker-upload-container-right">
                    <div class="field-label-container">
                        <div class="field-label">Choose from Existing</div>
                    </div>
                    <div class="w-layout-grid thumbnail-grid">
                        
                        <!-- START Previously Uploaded Images --> 
                        
                        <div class="image-picker-item">
                            <img alt="{filename}" src="{image}" loading="lazy" class="image-picker-gallery-image image-picker-gallery-selected"> <!-- .image-picker-gallery-selected class added when is selected image -->
                        </div>
                        <div class="image-picker-item">
                            <img alt="{filename}" src="{image}" loading="lazy" class="image-picker-gallery-image">
                        </div>
                        
                        <!-- END Previously Uploaded Images --> 
                                   
                    </div>
                    <div class="image-gallery-under">
                        <div class="image-picker-pagination">
                            <div class="pagination-pages-dropdown no-border">
                                <div data-delay="0" data-hover="false" class="w-dropdown">
                                    <div class="dropdown-closed pagination-page-number w-dropdown-toggle">
                                        <div class="dropdown-arrow w-icon-dropdown-toggle"></div>
                                        <div class="dropdown-text">3</div>
                                    </div>
                                    <div class="dropdown-open top w-dropdown-list">
                                        <div class="dropdown-options">
                                            <a href="#" class="dropdown-option w-inline-block">
                                                <div class="dropdown-option-selected-icon-container">
                                                    <div class="dropdown-option-selected-icon w-embed">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                                    </div>
                                                </div>
                                                <div class="dropdown-option-text">1</div>
                                            </a>
                                            <a href="#" class="dropdown-option w-inline-block">
                                                <div class="dropdown-option-selected-icon-container">
                                                    <div class="dropdown-option-selected-icon w-embed">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                                    </div>
                                                </div>
                                                <div class="dropdown-option-text">2</div>
                                            </a>
                                            <a href="#" class="dropdown-option w-inline-block">
                                                <div class="dropdown-option-selected-icon-container">
                                                    <div class="dropdown-option-selected-icon selected w-embed">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                                    </div>
                                                </div>
                                                <div class="dropdown-option-text">3</div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div>of 11 pages</div>
                            </div>
                            <div class="pagination-button">
                                <div class="pagination-icon w-embed">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32" xml:space="preserve"><polygon points="20,24 10,16 20,8 "></polygon></svg>
                                </div>
                            </div>
                            <div class="pagination-button">
                                <div class="pagination-icon w-embed"><svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewbox="0 0 32 32" xml:space="preserve">
                                    <polygon points="12,8 22,16 12,24 ">
                                    </polygon></svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-button-container">
                <a href="#" class="button tertiary full w-button">Cancel</a>
                <a href="#" class="button full w-button">Save</a>
            </div>
        </form>
    </div>
</div>