<style>
    body {
      font-family: poppines, sans-serif;
    }

    .container-card {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
	  margin:30px;
    }

    .card {
      width: calc(350px - 20px);
      margin: 5px;
      padding: 15px;
      border-radius: 15px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      background-color: #f9f9f9;
    }

    .card img {
      max-width: 100%;
      border-radius: 10px;
	  margin-bottom: 10px;	
	  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	}
	
    .card h2 {
      margin-top:;
    }
	
	/*.card img
	{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: all 1s ease;
	}

	.card img:hover
	{
	filter: grayscale(0%);
	filter: gray;
	-webkit-filter: grayscale(0%);
	filter: none;
	transition: 1s ease;
	}
	*/
  </style>