.file {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}

.file a img {
  cursor: zoom-in;
  position:absolute;
  margin-left: -50%;
  height: 95%;
  width: 100%;
  object-fit: cover;
  border: 2px solid #082b57;
  transition: .3s;
}

.file a img:hover {
  filter: brightness(90%);
}

.file a i.delete-product-btn {
  z-index:100;
  position: absolute;
  bottom: calc(5% + 1rem);
  right: 1rem;
  font-size: 1rem;
  transition: .3s;
  color: #c7001e;
  filter: drop-shadow(0px 0px 4px white);
  /* text-shadow: 0px 0px 10px white; */
}

.file a i.delete-product-btn:hover {
  color: #a80019;
}