Реагируйте с эффектом наведения Rebass и стилем псевдоэлементов

Question

Я использую приложение create-response-app с ребассом. Как добавить псевдоэлементы?

      import React from 'react'
import { Box, Card, Image, Heading, Text } from 'rebass'
import Test from './test.css'
function Pokemon({ pokemon }) {
    return (
        <Box
            p={3}
            fontSize={2}
            width={180}
            color='black'
            bg='grey'
            className={Test.test}
        >
            <Card
                width={128}
                sx={{
                    '::after': {
                        content: '',
                        width: '10px',
                        height: '10px',
                        backgroundColor: 'black',
                        display: 'block',
                    },
                }}
            >
                <Image
                    src={pokemon.sprites?.front_default}
                    css={{
                        '::after': {
                            content: '',
                            width: '10px',
                            height: '10px',
                            background: 'black',
                            display: 'block',
                        },
                    }}
                />
                <Heading>Name: {pokemon.name}</Heading>
                <Text fontSize={0}>
                    Weight: {pokemon.weight} Height: {pokemon.height}
                </Text>
            </Card>
        </Box>
    )
}

export default Pokemon

но ничего не происходит ...

РЕДАКТИРОВАТЬ: Я только что сам это понял:

      <Box
    p={3}
    fontSize={2}
    width={180}
    color='black'
    bg='grey'
    css={{
        '&:hover::before': {
            content: "''",
            width: '30px',
            height: '30px',
            background: 'orange',
            display: 'block',
        },
    }}
>
    <Card
        width={128}
        css={{
            '&::after': {
                content: "''",
                width: '30px',
                height: '30px',
                backgroundColor: 'black',
                display: 'block',
            },
        }}
    >

но это: hover :: before, похоже, не работает с изображениями ..