.contentImg {
    width: 100%; /* Adjust based on your layout */
    height: 100%; /* Adjust based on your layout */
    display: flex; /* Ensures flex properties */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}

.owl-carousel {
    width: 100%; /* Ensure carousel takes full width */
    height: 100%; /* Ensure carousel takes full height */
}

.owl-carousel .item {
    height: 100%; /* This ensures that the item takes full height of the carousel */
    display: flex; /* Using flex to align the image vertically */
    align-items: center; /* This will center the image vertically */
    justify-content: center; /* This will center the image horizontally */
}

.owl-carousel .item img {
    width: auto; /* Adjust width to auto to maintain aspect ratio */
    max-width: 100%; /* Ensure image does not exceed the container width */
    height: auto; /* Height is set to auto to maintain aspect ratio */
    max-height: 100%; /* Ensure image does not exceed the container height */
}

#logo-nav{
    width: 3000px;
}

@media screen and (max-width: 768px) {
    #logo-nav{
        width: 200px;
    }
}