img.rounded-xl.shadow-lg.transform.hover\:scale-105.transition-transform.duration-300.object-cover.h-full {
    height: 280px;
    width: 100%;
}

.masonry-grid {
      display: flex;
      flex-wrap: wrap;
      margin: -10px;
    }
    .masonry-item {
      padding: 10px;
      flex-basis: 33.333%; /* Poți ajusta lățimea item-urilor aici */
    }
    @media (max-width: 768px) {
        .masonry-item {
            flex-basis: 50%;
        }
    }
    @media (max-width: 480px) {
        .masonry-item {
            flex-basis: 100%;
        }
    }
    .masonry-item img {
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }
    .masonry-item img:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }