.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 5px;
    padding-right: 10%;
    padding-top: 5%;
}

.cards-container img{
	height: 80px;
	width: 60px;
	padding-top: 5%;
  
}
.cards-container a:hover{
	color: red;
}
.cards-container hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
  }
  .card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
  .card .icon i {
	position: absolute;
	font-size: 110px;
	color: #000;
	 -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	z-index:2;
	visibility:visible;
	opacity:0.1;
	right: 5px;
	bottom: 5px;
  }
  
.card {
    flex: 1 1 calc(33.33% - 20px); /* 3 cards per row */
    max-width: calc(33.33% - 20px);
	align-items: center;
	height: auto;
	background-color: whitesmoke;
}
  
  .card:hover {
    transform:translate(0, -10px);
    box-shadow: 0px 17px 35px 0px rgba(108, 103, 103, 0.886);
  }
  
  
  .card .card-text {
    padding: 10px;
    color: #000;
    
  }
  
  
  .card .card-img {
    
    border-radius: 10px;
  }
  
  .card img {
    height:180px;
   
  }
  
  .card img.blur {
    position:absolute;
    filter:blur(15px);
    color: red;
    z-index:-1;
    opacity:.40;
    transform: translate(-160px,30px);
    transition: all .35s ease-out;
  }
  
  .card:hover .card-img {
    transform:translate(70px,-15px);
  }
  
  .card:hover .card-img img.blur {
    transform:translate(-100px,35px) scale(.85);
    opacity:.25;
    filter:blur(20px);
  }
  
  .card-content {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    overflow:auto;
    padding-top: 100px;
    padding-left:60px;
    padding-right: 50px;
    scroll-behavior:smooth;
  }
  
  .card-content::-webkit-scrollbar {
     height:0px;
  }
  
  .card-content:after {
    content:'';
    display:block;
    min-width:20px;
    height:100px;
    position:relative;
  }