test

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, ‚Segoe UI‘, ‚Roboto‘, ‚Oxygen‘,
‚Ubuntu‘, ‚Cantarell‘, ‚Fira Sans‘, ‚Droid Sans‘, ‚Helvetica Neue‘,
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, ‚Courier New‘,
monospace;
}

.my-masonry-grid {
display: flex;
width: auto; /* Ensures grid takes available space */
margin-left: -15px; /* Adjust as needed */
}

.my-masonry-grid_column {
padding-left: 15px; /* Adjust column padding */
background-clip: padding-box;
}

.my-masonry-grid_column > div { /* Target PictureCard containers */
margin-bottom: 15px; /* Spacing between pictures */
}