혹시 이 코딩이 firefox에서 작동되지 않는건 firefox가 css3를 지원안하기 때문인가요?

아마도 파이어폭스 버전에 따라 동작 여부가 다를 것 같은데요,
-moz- 접두어를 붙여서 적용해보시겠어요?
https://gxnzi.tistory.com/54
혹시 브라우저 접두어에 대해 처음 보신다면, 위 링크를 참고해보시면 되겠습니다.

라이브서버에서만 이미지가 표시 안되는 문제는, 프로젝트 폴더가 제대로 세팅이 안되어있을 가능성이 있는데요~
프로젝트 폴더를 VSCode에 드래그앤 드롭 해서 프로젝트 폴더로 세팅을 먼저 하신 후
라이브서버를 다시 실행해보시면 될 것 같습니다.

뒤의 강의를 들으면서, 접두어 개념을 알게되어 해결되었습니다 !

vscode 는 말씀해주신대로 할번 해보겠습니다 ! !