Estoy trabajando en una web app de `react` y estoy utilizando `vite` para manejarla. 

El problema es que al momento de compilar para producción no toma en cuenta las imágenes que utilizo en ningún componente, solo son visibles algunas imágenes que aplico como fondos desde la `hoja de estilos SCSS`. 

Utilicé los comandos de `npm run build` y `npm run preview` y así es como no puedo visualizar las imágenes, si corro el proyecto en modo de desarrollo con `npm run dev` todo bien. 

a continuacion un componente donde llamos algunas imagenes para que vean como las llamo:

        export const StartPage = () => {
        return(
            <div className="startPage">
                <img className="welcomeLogo" src="../src/img/LozanoTechIsotipoBlue.png"/>
                <h1>Hola!</h1>
                <p>
                    Somos un proyecto pequeño dedicado a llevar a cabo reparaciones
                    accesibles y de calidad en equipos de escritorio y laptops para
                    hogares, pequeñas empresas y estudiantes.
                </p>
    
                <div className="StartInfoContainer">
                    <img className="roundImage" src="./src/img/ref1.png"/>
                    <div className="left">
                        <h1>Tu tiempo vale oro</h1>
                        <p>
                            Nos enfocamos en ofrecerte toda la calidad de nuestro servicio
                            siempre en tiempo record ya que sabemos que necesitas tu equipo
                            para continuar con tu trabajo o simplemente quieres disfrutar
                            de el y estamos concientes de ello.
                        </p>
                    </div>
                </div>
    
                <div className="StartInfoContainer">
                    <div className="right">
                        <h1>Todo a medida</h1>
                        <p>
                            Somos especialistas en realizar mejoras y ensamblajes
                            de acuerdo a tus necesidades para que no gastes de mas
                            ni obtengas un bajo rendimiento.
                        </p>
                    </div>
                    <img src="./src/img/ref2.png"/>
                </div>
    
                <div className="StartInfoContainer">
                    <img className="roundImage" src="./src/img/ref3.jpg"/>
                    <div className="left">
                        <h1>Mas que solo reparaciones</h1>
                        <p>
                            Contamos con muchos mas servicios que solo reparaciones o
                            mantenimiento preventivo, tenemos una amplia variedad de
                            servicios. Para conocer mas presiona <span>aqui</span>
                        </p>
                    </div>
                </div>
            </div>
        )
    }


y el archivo vite.config.js es el predeterminado:

    import { defineConfig } from 'vite'
    import react from '@vitejs/plugin-react'
    
    // https://vitejs.dev/config/
    export default defineConfig({
      plugins: [react()],
    })

¿Alguna idea de cuál pueda ser el problema?