.bgimg-1 {
    overflow: hidden !important;
}

.parentBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 7% auto 0;
}

.box {
    position: relative;
    margin: auto;
    text-align: center;
    top: 0;
    bottom: 0;
    max-width: 300px;
    z-index: 1;
    border: 6px solid #FFFFFF;
    transition: 0s !important;
}

    .box img {
        max-width: 100%;
    }

.deg25 {
    transform: rotate(25deg);
}

.deg35 {
    transform: rotate(35deg);
}

.deg45 {
    transform: rotate(45deg);
}

.deg-25 {
    transform: rotate(-25deg);
}

.deg-35 {
    transform: rotate(-35deg);
}

.deg-45 {
    transform: rotate(-45deg);
}

.photo-examples {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

    .photo-examples img {
        max-width: calc(100% / 4.2);
        width: 100%;
    }

@media only screen and (max-device-width: 767px) {
    .bgimg-1 {
        height: 50vh;
    }

    .box {
        max-width: 150px;
    }

    .photo-examples img {
        max-width: calc(50% - 15px);
    }
}