body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        padding: 5px;
        margin: 0;
    }
	
    .masonry {
		columns: 3;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-auto-rows: 5px;
        gap: 10px;
    }

    .item{
        background-color: #ffffff;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        transition: transform 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2em;
        color: #fff;
		position:relative;
    }

    .item:hover {
       /* transform: translateY(-10px);*/
    }
	
	

    /* Specific dimensions and colors for each item */
    .item1 { grid-row: span 16; background-color: #ff6f61; }
    .item2 { grid-row: span 18; background-color: #6b5b95; }
    .item3 { grid-row: span 17; background-color: #88b04b; }
    .item4 { grid-row: span 18; background-color: #d65076; }
    .item5 { grid-row: span 16; background-color: #ffb347; }
    .item6 { grid-row: span 17; background-color: #45b8ac; }
    .item7 { grid-row: span 16; background-color: #e94b3c; }
    .item8 { grid-row: span 18; background-color: #6c5b7b; }
    .item9 { grid-row: span 16; background-color: #00a86b; }
    .item10 { grid-row: span 17; background-color: #b565a7; }
	/*.item1 { grid-row: span 12; background-color: #ff6f61; }
    .item2 { grid-row: span 14; background-color: #6b5b95; }
    .item3 { grid-row: span 10; background-color: #88b04b; }
    .item4 { grid-row: span 15; background-color: #d65076; }
    .item5 { grid-row: span 16; background-color: #ffb347; }
    .item6 { grid-row: span 12; background-color: #45b8ac; }
    .item7 { grid-row: span 13; background-color: #e94b3c; }
    .item8 { grid-row: span 10; background-color: #6c5b7b; }
    .item9 { grid-row: span 15; background-color: #00a86b; }
    .item10 { grid-row: span 17; background-color: #b565a7; }*/
	
	.item img {
	  height: 100%;
	  width: 100%;	  
	  display: block;
	  position: absolute;
	  border-radius: 8px;
	  object-fit: cover;
	}
	img {
	  will-change: transform;
	  transform: translateZ(0); /* Forces hardware acceleration */
	  backface-visibility: hidden; /* Prevents flickering */
	  image-rendering: auto; 
	}
	
		.container {
            max-width: 600px;
           /* margin: 20px auto;*/
            background-color: transparent;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            position: relative;
        }
		
		.filter-buttons-wrapper {
           /* overflow: hidden; /* Hide overflow in the wrapper */
			position: fixed;
			  top: 0;
			  left: 0;
			  right: 0;
			  z-index: 1000;
			  background-color: transparent;
			  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			  
        }
	
		.filter-buttons {
            display: flex;
            justify-content: space-around;
			overflow-x: auto;
			gap: 5px;
            scroll-behavior: smooth;
            padding: 10px;
            background-color: #f9f9f9d9;
            border-bottom: 1px solid #ddd;
			
		   -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
		.filter-buttons::-webkit-scrollbar {
            display: none;  /* Chrome, Safari, and Edge */
        }
        .filter-buttons button {
			white-space: nowrap;
            border: none;
			/*padding: 10px 20px;*/
            padding: 4px 16px;
            background-color: #ffffff;
            border-radius: 20px;
            font-size: 0.9rem;
            color: #333;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			flex-shrink: 0; /* Prevent buttons from shrinking in flex container */
        }
        .filter-buttons button.active {
            background-color: #4caf50;
            color: white;
        }
        .filter-buttons button:hover {
            background-color: #4caf50;
            color: white;
        }