Resize oh-webframe content to fit

Does anybody know how I can resize the content (i.e. src) of an oh-webframe so that it fits into the container?

component: f7-block
config:
  style:
    width: 50px
    height: 50px
slots:
  default:
    - component: oh-webframe
      config:
        height: 100%
        src: "=www.whatever.com/test.jpg"

In this case if .jpg file is larger than f7-block (50px) you see scroll bars. What do I need to do to shrink to fit it?