주석문 관련 질문

• 밑에 사진은 주석문만 뺏을때입니다

<style>

    .container div {
      width: 250px;
      background-color: antiquewhite;
      display: flex;
      justify-content: center;
      align-items: center;

      border-radius: 1rem;
    }

    <!-- 컨테이너 안에있는 이미지 -->

    .container img {
      width: 100%;
      border-radius: 1rem;
    }

</style>

질문: 주석문을 넣으면 이미지 파일들이 각진 직사각형 모양으로 나옵니다.
그런데 주석문을 빼면 영상하고 똑같이 각이 없는 형태로 잘 나옵니다.
주석문 때문에 html파일이 영향을 받을 수 있나요?
만약 영향을 받는다면 어떻게 해야하는지 궁금합니다.

크롬과 Microsoft Edge를 사용하고 있습니다.
다른걸 하나도 안건드리고 주석문만 뺏는데 제대로 나오니까
어떻게 해야할지 잘모르겠네요 부탁드립니다.