.title {
    text-align: center;
    color: orange;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
img {
    opacity: 0;
    transition: opacity 300ms;
}
img.in-view {
    opacity: 1;
}
.fish1 {
    text-align: center;
    color: orange;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.fish1img {
    text-align: center;
}
.fish2 {
    text-align: center;
    color: orange;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.fish2img {
    text-align: center;
}
.fish3 {
    text-align: center;
    color: orange;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.fish3img {
    text-align: center;
}
.fish4 {
    text-align: center;
    color: orange;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.fish4img {
    text-align: center;
}