.gallery {
    min-height: 100vh;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    padding-bottom: 100px;
    background: #ffffff1b
}

    .gallery .controls {
        display: flex;
        font-family: Poppins;
        align-items: center;
        justify-content: center;
        border-color: #ca0000;
        border: 5px;
        flex-wrap: wrap;
        padding: 20px 0;
        list-style: none;
        text-transform: capitalize;
        color: white
    }
        .gallery .controls .buttons {
            height: 40px;
            width: 140px;
            border-radius: 0px;
            font-family: Poppins;
            color: #d99e82;
            font-size: 20px;
            line-height: 40px;
            cursor: pointer;
            margin: 20px;
            text-align: center;
            font-size: 12px;
            border: solid 5px #d99e82;
        }

            .gallery .controls .buttons.active {
                background: #a100002f;
                color: #fff;
            }

    .gallery .image-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        .gallery .image-container .image {
            height: 250px;
            width: 350px;
            overflow: hidden;
            border-radius: 0px;
            margin: 20px;
        }

            .gallery .image-container .image img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }

            .gallery .image-container .image:hover img {
                transform: scale(1.4);
            }
* {
    transition: all .2s cubic-bezier(.34,1.12,.68,1.31);
}