/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/style-sprite.css ***!
  \******************************************************************************************************************/
.flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}

.flex-item {
  flex: 1 1 calc(33.333% - 20px); /* Adjusts for a three-column layout with gaps */
  max-width: calc(33.333% - 20px); /* Ensures the flex items don't exceed one-third of the container width */
  height: auto;
  aspect-ratio: 4 / 3; /* Maintains the 4:3 aspect ratio */
  object-fit: cover; /* Ensure the image scales correctly */
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ByaXRlLmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQTtFQUNFLGFBQWE7RUFDYixlQUFlO0VBQ2YsU0FBUztFQUNULGFBQWE7QUFDZjs7QUFFQTtFQUNFLDhCQUE4QixFQUFFLGdEQUFnRDtFQUNoRiwrQkFBK0IsRUFBRSx5RUFBeUU7RUFDMUcsWUFBWTtFQUNaLG1CQUFtQixFQUFFLG1DQUFtQztFQUN4RCxpQkFBaUIsRUFBRSxzQ0FBc0M7QUFDM0QiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly93ZWJwYWNrLXN0YXJ0ZXItMjAyMC1zaW1wbGUvLi9zcmMvc3R5bGUtc3ByaXRlLmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIuZmxleC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMTBweDtcbiAgcGFkZGluZzogMTBweDtcbn1cblxuLmZsZXgtaXRlbSB7XG4gIGZsZXg6IDEgMSBjYWxjKDMzLjMzMyUgLSAyMHB4KTsgLyogQWRqdXN0cyBmb3IgYSB0aHJlZS1jb2x1bW4gbGF5b3V0IHdpdGggZ2FwcyAqL1xuICBtYXgtd2lkdGg6IGNhbGMoMzMuMzMzJSAtIDIwcHgpOyAvKiBFbnN1cmVzIHRoZSBmbGV4IGl0ZW1zIGRvbid0IGV4Y2VlZCBvbmUtdGhpcmQgb2YgdGhlIGNvbnRhaW5lciB3aWR0aCAqL1xuICBoZWlnaHQ6IGF1dG87XG4gIGFzcGVjdC1yYXRpbzogNCAvIDM7IC8qIE1haW50YWlucyB0aGUgNDozIGFzcGVjdCByYXRpbyAqL1xuICBvYmplY3QtZml0OiBjb3ZlcjsgLyogRW5zdXJlIHRoZSBpbWFnZSBzY2FsZXMgY29ycmVjdGx5ICovXG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/