Problem with Imgage not filling in space is caused by padding

<picture class="card__pic-img">
          <source
            srcset="/images/image-product-mobile.jpg"
            media="(max-width: 600px)"
          />
          <source
            srcset="/images/image-product-desktop.jpg"
            media="(min-width: 600px)"
          />
          <img
            class="card__img"
            src="/images/image-product-mobile.jpg"
            alt="Image of perfume"
          />
        </picture>

.card__info {
  background-color: var(--clr-neutral-three);
  border-radius: 0 0 10px 10px;
  padding: 1.5rem;
}

.card__img {
  max-width: 100%;
  border-radius: 10px 10px 0 0;
  display: block;
}

@media only screen and (min-width: 600px) {
  body {
    background-color: var(--clr-primary-two);
  }
  .card {
    display: flex;
    padding: 0;
  }

  .card__pic-img {
    display: block;
    border: solid red 1px;
  }

  .card__img {
    border-radius: 10px 0 0 10px;