body {
  background-image: url("photoGallery/photos2background.png");
  background-size: 20vw, 20vh;
}

img {
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
  border-style: dashed;
  border-color: brown;
  border: 5px;
}

.card-mb {
  background-color: antiquewhite;
  max-width: 50%;
  height: auto;
  padding: 10px;
  border-radius: 2%;
  border-color: brown;
  border-style: dashed;
  border-width: 2px;
  display: flex;
  align-items: center;
}

h2 {
  text-align: center;
  font-family: 'Gill Sans';
  border-style: dashed;
  border-color: brown;
}

.col-sm {
  display: flex;
  justify-content: center;
  border-color: blueviolet;
}

#title {
  margin-left: 25%;
}

@keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: red; }
    75% { color:green; }
    100% { color: yellow; }
}

.color-changing-text {
    animation: color-change 4s infinite alternate; /* 4s duration, infinite loop, alternates direction */
}