/* Container holding the image and the text */

.grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            grid-gap: 10px;
        }

.grid-item {
            width: 100%;
        }

.grid-item img {
            max-width: auto;
            height: auto;
            display: block;
        }


.flex-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 20px;
        }

        .image-box {
            overflow: hidden;
            border: 1px solid #ccc;
        }

/*       #image1 img {
            min-width: 720px;
            min-height: auto;
        }
*/



.container {
  position: relative;
/*  object-fit: contain; */
}

/* Bottom right text */
.text-block {
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #056839;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
}