     @$el.attr 'data-state', 'out'
     @$artwork
       .removeClass 'is-notransition'
-      .css @positionStyles
+      .css if @positionStyles then @positionStyles else @getReact(@$img)
 
   scalePlaceholder: ->
     [significantDimension] = @getArtworkDimensions()

  events:
    'click .js-view-in-room-close': 'remove'

  initialize: ({ @imgUrl, @imgSelector, @positionStyles, @dimensions }) ->
    $(window).on 'resize.view-in-room', _.throttle(@scale, 100)
    @scrollbar = new Scrollbar
    @$img = $(@imgSelector)

  __render__: ->
    @$el.html template()

      .attr 'src', @imgUrl

    # Position exactly where original image was
    if @positionStyles
      @$artwork.css @positionStyles
    else
      @$artwork.css @getRect(@$img)

  getRect: ($el) ->
    _.pick $el[0].getBoundingClientRect(), 'height', 'width', 'top', 'left'

  transitionIn: ->
    @$el.attr 'data-state', 'in'
    if @$img
      @$img.css visibility: 'hidden'
    if @$sourceImage
      @$sourceImage.css visibility: 'hidden'

    artworkTransformCSS = @getRect @$placeholder

