.responsive-image {
    max-width: 100%; /* Ensure image fits within the container */
    height: auto;    /* Keep the aspect ratio */

    border-radius: 10px ;
    border: solid 2px;
    padding: 5px;
}

.vertically-aligned{
    vertical-align: middle; line-height: 1;
}
.floating-img-icon {
    position: relative;
    animation: float-img-icon 4s ease-in-out infinite;
}

@keyframes float-img-icon {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

.card-img-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  
  .card-img-top {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease; /* Smooth zoom transition */
  }
  
  .card-img-container:hover .card-img-top {
    transform: scale(1.1); /* Zoom-in effect */
  }