#fms .fish-content {
	background: linear-gradient(225deg, #23b1d5, #3e86b6, #3f598b, #472658);
	background-size: 150% 150%;
	animation: fms-gradient 5s ease infinite;
	height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

@media #{"screen and (max-width: 870px)"} {
    #fms .fish-content {
        align-items: center;
        height: 70vh;
    }
}

#fms .salmon {
    opacity: 0.8;
}

#fms .fish-content .water {
    background: url('/includes/images/salmon-hero.jpg') no-repeat center;
    background-size: cover;
    position: absolute;
    -webkit-filter: brightness(0.7);
    -moz-filter: brightness(0.7);
    filter: brightness(0.7);
    opacity: 0.7;
    height: 100%;
    width: 100%;
}

@keyframes fms-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}