Работа с формами js

У меня есть форма. которая добавляет в контейнер фоном изображение ,когда я ввожу туда ссылку на это изображение. но помимо изображения еще туда добавляется ссылка как текст. как сделать так,что бы текст не добавлялся поверх фотки.

    const containers = document.querySelector('.p-list'); // div куда добавляется карточка

    function newCard(nameValue, linkValue) {
  const container = document.createElement('div'); //карточка
  container.classList.add('p-card');

  const imgLink = document.createElement('div');  //cсылка
  const imgName = document.createElement('h3');   //заголовок

  imgLink.classList.add('card__image');
  imgLink.textContent = linkValue; 

  imgName.classList.add('card__name');
  imgName.textContent = nameValue;

  container.appendChild(imgLink);
  container.appendChild(imgName);

  return container;
}

function addCard(event) {
  event.preventDefault();

  const name = form.elements.name;
  const link = form.elements.link;

  const container = newCard(name.value, link.value);
  containers.appendChild(container);

  container.querySelector('.card__image').setAttribute('style', `background-image: url(${link.value})`);
  name.value = '';
  link.value = '';

}