.container1 {
	width: 100%;
}

/* Container styling*/
#container2 {
	display:flex;
	background-color: blue;
	color: white;
	border: 2px solid black;
	margin-top: 50px;
	margin-left: 100px;
	margin-right: 100px;
}

.container3 {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  column-gap: .5%;
  background-color: blue;
  padding: 10px;
}

.container3 div {
  background-color: #f1f1f1;
  border: 1px solid black;
  padding: 20px;
  font-size: 30px;
  justify-content: center;
  text-align: center;
  object-fit: cover;
}

/* Center the main title */
h1 {
  text-align: center;
  background-color: rgba(0,0,255,.25);
}

h3 {
  text-align: center;
  background-color: rgba(0,0,255,.25);
}

/* Last div styling */
.last-div {
  width: 100%;
  margin-top: 60%;
  text-align: right;
}

img {
	height: 250px;
}

figure {
  /* Groups the image and caption as a single unit */
  display: block; 
  /* Centers the entire figure element if it is smaller than the container width */
  margin: 0 auto; 
  /* Optional: Adds a border around the entire figure */
  border: none; 
  /* Optional: Adds padding inside the figure */
  padding: 4px; 
}

img {
  /* Ensures the image is responsive and fits within the figure width */
  max-width: 100%; 
  /* Prevents extra space below the image, a common fix */
  vertical-align: top; 
}

figcaption {
  /* Centers the text within the caption area */
  text-align: center; 
  /* Optional: Styles the caption background and text */
  background-color: rgba(0,0,255,0.25);
  color: #333;
  padding: 5px 0;
  font-style: italic;
  font-size: .75em;
}