Imagem Petshop não carrega

Não estou conseguindo fazer com que a imagem carregue... Já pesquisei aqui no fórum e apliquei as possíveis soluções, mas até agora nada. o código executa normalmente, mas a imagem não carrega. o restante do css foi tranquilo...

webpack.config.js

const HtmlWebpackPlugin = require("html-webpack-plugin")
const path = require("path")


module.exports = {

    mode: "development",
    devServer: {

        open: true,
        contentBase: "dist"

    },
    entry: "./src/componentes/listagem/listagem-cliente.js",
    output: {

        publicPath: '/',
        filename: "main.js",
        path: path.resolve(__dirname, "dist")


    },
    plugins: [

        new HtmlWebpackPlugin ({

            template: "./src/clientes.html",
            filename: "index.html"

        })

    ],

    module: {
        rules: [
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader"]
            },
            {
                test: /\.html$/,
                use: ["html-loader"]
            },
            {
                test: /\.png$/,
                use: {
                    loader: "file-loader",
                    options: {
                        name: "[name].[ext]"
                    }
                }
            }
        ]
    }
}