componentStyles () {
      return {
        position: 'relative',
        _before: {
          h: '0px',
          content: '""',
          d: 'block',
          pb: `${(1 / this.ratio) * 100}%`
        }
      }
    }
CAspectRatioBox component

The wrapper that clones it's children
to achieve the set aspect ratio.

@extends CBox
@see Docs https://vue.chakra-ui.com/aspectratiobox