hero {

  xl {
    width = {$plugin.tx_t3bcore.settings.imageFullWidth}
    mediaquery = (min-width: {$plugin.tx_t3bcore.settings.breakpoints.xl}px)
    cropVariant = full
  }

  lg {
    width = {$plugin.tx_t3bcore.settings.breakpointsMax.lg}
    mediaquery = (max-width: {$plugin.tx_t3bcore.settings.breakpointsMax.lg}px)
    cropVariant = lg
  }

  md {
    width = {$plugin.tx_t3bcore.settings.breakpointsMax.md}
    mediaquery = (max-width: {$plugin.tx_t3bcore.settings.breakpointsMax.md}px)
    cropVariant = md
  }

  sm {
    width = {$plugin.tx_t3bcore.settings.breakpointsMax.sm}
    mediaquery = (max-width: {$plugin.tx_t3bcore.settings.breakpointsMax.sm}px)
    cropVariant = sm
  }

  xs {
    width = {$plugin.tx_t3bcore.settings.breakpointsMax.xs}
    mediaquery = (max-width: {$plugin.tx_t3bcore.settings.breakpointsMax.xs}px)
    cropVariant = xs
  }


  content = CONTENT
  content {
    table = tt_content
    select {
      orderBy = sorting
      where = {#colPos}=5
    }
  }

  contentCount = TEXT
  contentCount.numRows {
    table = tt_content
    select.where = {#colPos}=5
  }

}