.product-device {
    position: absolute;
    right: 10%;
    bottom: 3%;
    width: 298px;
    height: 540px;
    background-color: #333;
    background-image: url('../assets/light.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 21px;
    transform: rotate(20deg);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

    .product-device::before {
        position: absolute;
        right: 10%;
        bottom: 3%;
        left: 10px;
        content: "";
        background-color: rgba(127, 127, 127, .1);
        border-radius: 5px;
    }

.product-device-2 {
    top: -8%;
    right: auto;
    bottom: 3%;
    left: 5%;
    background-color: #e5e5e5;
    background-image: url('../assets/dark.png');
}

.flex-equal > * {
    flex: 1;
}

@media (min-width: 768px) {
    .flex-md-equal > * {
        flex: 1;
    }
}