import { AspectRatio, Box } from '@chakra-ui/react'

const CoverOutubroRosa = () => {
  return (
    <Box position='relative'>
      <Box
        display={['block', null, 'none']}
        mx='8'
        borderRadius='xl'
        overflow='hidden'
      >
        <AspectRatio ratio={96 / 80}>
          <img
            src='/images/capa-novembro.jpg'
            alt=''
            style={{ objectPosition: 'right center' }}
          />
        </AspectRatio>
      </Box>

      <Box display={['none', null, 'block']}>
        <AspectRatio ratio={192 / 80}>
          <img src='/images/capa-novembro.jpg' alt='' />
        </AspectRatio>
      </Box>
    </Box>
  )
}

export default CoverOutubroRosa