.main {
    display: flex;
    background-color: var(--white);
    color: var(--dark);
    margin: 4em 0;
}

.main__col {
    max-width: 19em;
    flex-direction: column;
    flex: 1 0 21%;
    align-items: center; 
}

.main__col p {
    min-height: 11em;
}

.main__content {
    margin-top: 2em;
    align-items: flex-start;
    justify-content: space-evenly;
}

.main__container {
    max-width: 70vw;
}

.main__image {
    height: 22em;
    width: 20em;
    border: .5px solid white;
}

.main__buttons {
    margin-bottom: 2em;
}

.image--photography {
    background: url("/assets/images/photography.webp") center / contain no-repeat;
}

.image--design {
    background: url("/assets/images/block/design2.webp") center / contain no-repeat;
}

.image--annieson {
    background: url("/assets/images/annieson_logo.svg") center / contain no-repeat;
}

.image--surf {
    background: url("/assets/images/surf.webp") center / contain no-repeat;
}

.image--yasp {
    background: url("/assets/images/yasp.png") center / contain no-repeat;
}

.image--horsemanship {
    background: url("/assets/images/horsemanship.webp") center / contain no-repeat;
}

.image--dogmanship {
    background: url("/assets/images/dogmanship.webp") center / contain no-repeat;
}

/* Tablet */
@media only screen and (max-width: 960px) {

}

/* Mobile */
@media only screen and (max-width: 600px) {
    .container__content {
        align-items: center;
    }

    .main__col p {
        min-height: unset;
    }
}