.productPictures {
    display: grid;
    grid-template-rows: 83% 10%;
    row-gap: 5px;
}

    .productPictures img {
        object-fit: cover;
        height: 350px;
        width: 100%;
    }

    .productPictures video {
        object-fit: cover;
        height: 350px;
        width: 100%;
    }


.buttonPics {
    margin-top: 10px;
}

    .buttonPics img {
        object-fit: cover;
        height: 50px;
        width: 50px;
    }

    .buttonPics button {
        margin-right: 5px;
    }

        .buttonPics button:hover {
            transform: translateY(-5px);
        }

@media (min-width: 1150px) {
    .productPictures {
        display: grid;
        grid-template-rows: 83% 10%;
        row-gap: 5px;
    }
        .productPictures img {
            object-fit: cover;
            height: 500px;
            width: 95%;
        }
    .buttonPics {
        margin-top: 10px;
    }

        .buttonPics img {
            object-fit: cover;
            height: 75px;
            width: 75px;
        }

        .buttonPics button {
            margin-right: 5px;
        }

            .buttonPics button:hover {
                transform: translateY(-5px);
            }
}