         'text-align': 'center'
         'top': '40%'
         'width': '100%'
+      '.image-tooltip-container img':
+        'bottom': '0'
+        'left': '0'
+        'margin': 'auto'
+        'max-height': '100%'
+        'max-width': '100%'
+        'position': 'absolute'
+        'right': '0'
+        'top': '0'
       '.image-tooltip-container .input':
         'box-sizing': 'border-box'
         'width': '100%'

    @options.styles = _.defaults(@options.styles, Tooltip.DEFAULTS.styles)
    @options = _.defaults(@options, Tooltip.DEFAULTS)
    super(@quill, @editorContainer, @options)
    @textbox = @container.querySelector('.input')
    DOM.addClass(@container, 'image-tooltip-container')
    this.initToolbar()
    DOM.addEventListener(@container.querySelector('.insert'), 'click', =>
      url = this._normalizeURL(@textbox.value)
      if @range
        @quill.insertEmbed(@range.end, 'image', url, 'user')
        @quill.setSelection(@range.end + 1, @range.end + 1)
      @textbox.value = ''
      this.hide()
    )
    DOM.addEventListener(@container.querySelector('.cancel'), 'click', _.bind(this.hide, this))

  initToolbar: ->
    @quill.onModuleLoad('toolbar', (toolbar) =>

      )
    )

  _matchImageURL: (url) ->
    return /^https?:\/\/.+\.(jp?g|gif|png)$/.test(url)

  _normalizeURL: (url) ->
    # For now identical to link-tooltip but will change when we allow data uri
    url = 'http://' + url unless /^https?:\/\//.test(url)
