Una pregunta, ¿Por qué en la ruta de la imagen comienza con un punto “.”?

Ese puntito significa: Carpeta actual. Puede que también te encuentres con "..", que significa: La carpeta padre de la actual

para retroceder entre las carpetas, ya que como la caperta que tiene las imágenes, no está adentro de dónde tenemos nuestro index.htm, entonces hay que salir de la que estamos con ./, luego, ingresamos con /nombre de la carpeta y luego el /nombre del archivo.

El punto ./ hace referecia al mismo directorio donde estás parado. Dos puntos ../ hace referencia a un directorio superior en el cual estás parado.

Hola @lsaac_yael es para hacer referencia que la imagen esta dentro de la misma carpeta que te encuentras, es decir al mismo nivel del archivo que la está solicitando. Se le llama ruta relativa. Te dejaré este enlace para que puedas leer un poco más sobre esto aquí