Share image frontend design

{% extends 'main/base.html' %}

{% block 'content' %}
<div class="col-12 col-md-8 col-lg-6 p-1 m-auto">
    <h1 class="p-2 text-primary text-center border-bottom">
        Share Image
    </h1>

    <div class="col mb-3 p-3">

        <form action="{% url 'create' %}" method="post" enctype="multipart/form-data">
            {% csrf_token %}
            <div class="mb-3">
                <input type="file" name="username" class="form-control" required>
            </div>
			<div class="mb-3">
                <textarea name="caption" class="form-control" placeholder="Your caption here" required></textarea>
            </div>
			<div class="mb-3">
                <input type="submit" value="Share This File" class="btn btn-primary col-12">
            </div>
        </form>

    </div>

    <div class="col p-4 mb-3 border rounded-3 shadow">
        <div class="mb-2">
			<img src="https://picsum.photos/200/200" class="img-fluid">
		</div>
        <p>My image caption</p>
    </div>
</div>


{% endblock 'content' %}