<div class="row">
    <div class="col-md-7"><img src="{{ url("/notes/img/$img?w=250") }}" alt="images"></div>
    <div class="col-md-5 text-center">
        <button data-src="{{url("/notes/img/$img?w=250")}}" type="button" class="btn btn-block add-image">
            Small Photo
        </button>
        <button data-src="{{url("/notes/img/$img?w=500")}}" type="button" class="btn btn-block add-image">
            Medium Photo
        </button>
        <button data-src="{{url("/notes/img/$img?w=800")}}" type="button" class="btn btn-block add-image">
            Large Photo
        </button>
    </div>
</div>
<hr>


<div class="row">
    <div class="col-md-7"><img src="{{ url("/notes/img/$img?w=250") }}" alt="images"></div>
    <div class="col-md-5 text-center">
        <button data-src="{{url("/notes/img/$img?w=250")}}" type="button" class="btn btn-block add-image">
            Thumbnail
        </button>
        <button data-src="{{url("/notes/img/$img?w=480")}}" type="button" class="btn btn-block add-image">
            Small Photo
        </button>
        <button data-src="{{url("/notes/img/$img?w=800")}}" type="button" class="btn btn-block add-image">
            Medium Photo
        </button>
        <button data-src="{{url("/notes/img/$img?w=1200")}}" type="button" class="btn btn-block add-image">
            Large Photo
        </button>
    </div>
</div>
<hr>


Add another button for thumbnails
Add another button for thumbnails

- btn sizes 250, 500, 800, 1200
