.product-image-price-section {
    margin-top: 30px;
}

.product-images {
    /*background-color: rgba(12, 84, 96, 0.95);*/
    /*border: 1px solid black;*/
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 9px 0px rgba(0, 0, 0, 0.19);
}

/*how to fit image properly in carousal tutorial*/
/*https://raybo.org/posts/2021-03-27-consistent-height-carousels-with-css-gradients-by-hacking-the-bootstrap-5-carousel/*/
#productImagesCarousal .carousel-item img {
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    height:60vh;
}