/* CSS Document */

.cropped-image img {
	width: 600px;
	height: 600px;
	object-fit: cover;
    position: absolute; /* Allows movement of the image within the container */
    top: -50px; /* Adjust this to show the desired part of the image */
    left: -100px; /* Adjust this to show the desired part of the image */
    max-width: none; /* Ensures the image does not scale down */
}

.navigation {
  display: flex;
  justify-content: left; /* Center buttons in the container */
  gap: 20px; /* Constant 20px gap between the buttons */
}

.navigation a {
  /*padding: 10px 20px; */
  text-decoration: none;
  color: black;
  background-color: transparent;
  border-radius: 1px;
}

.navigation a:hover {
  background-color: gray;
}

.image-containerDonate {
  display: flex; /* Flexbox ensures the images are side by side */
  gap: 10px; /* Optional: Space between the images */
  align-items: left; /* Ensures alignment by height */
}

.image-containerDonate img {
  height: 50%; /* Set a consistent height for both images */
  width: 50%; /* Ensures the images maintain proportions */
  display: block;
}