#page-container {
  background-color:#33FFCE ;
  text-align: center;
  padding: 20px;
}

li {
  font-size: 18px;
  line-height: 200%;
}

ol {
  font-size: 18px;
  line-height: 200%;
}

footer {
  height: 100px;
}blur(px)
brightness(%)
contrast(%)
drop-shadow(h-shadow v-shadow blur spread color)
grayscale(%)
hue-rotate(deg)
invert(%)
opacity(%)
saturate(%)
sepia(%)  filter: contrast(110%) saturate(150%);
<hr />

<figure>
  <img src="https://picsum.photos/id/1084/512" width="512px" height="512px" />
  <figcaption>Original</figcaption>
</figure>

<figure>
  <img
    src="https://picsum.photos/id/1084/512"
    width="512px"
    height="512px"
    class="high-saturation-and-drop-shadow"
  />
  <figcaption>High Saturation and Drop Shadow</figcaption>
</figure>
and another line of CSS:

.high-saturation-and-drop-shadow {
  filter: contrast(150%) saturate(200%) drop-shadow(25px 25px 25px #ffffff);
  background-color: #33FFCE;