custom cart CSS

Site URL: https://www.tummyache.co.uk/

I am trying to insert a custom cart icon, however my custom icon is now displayed under the existing cart template. how do i get rid of the existing cart, without removing the cart feature all together?

this is the code i used to insert my custom cart. 

.icon--cart {
display: none !important;
}

.Cart-inner{
width: 32px;
height: 32px;
display: block;
background-image: url(https://static1.squarespace.com/static/5d21c722337c400001e50a91/t/5ff30e0c6ed34a73679ef54d/1609764364911/hot+waterbottle+cart.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

Any help would be great,

Thank you!

Add this code

.Cart-inner * {
    visibility: hidden;
}

I see top of image has this. Do you want to remove it?