.carouselDimensions {
    position: relative;
    top: 33px;
}

.image-container {
    position: relative;
}

.image-container img {
    height: 600px;
    object-fit: cover;
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

@media (max-width: 1319px) {
    .carouselDimensions {
        position: relative;
        top: 67px;
    }

    .image-container img {
        height: 500px;
        object-fit: cover;
    }
}

@media (max-width: 992px) {
    .carouselDimensions {
        position: relative;
        top: 52px;
    }

    .image-container img {
        height: 500px;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .carouselDimensions {
        position: relative;
        top: 130px;
    }

    .image-container img {
        height: 400px;
        object-fit: cover;
    }

    .text-overlay {
        font-size: 2.5rem;
    }
}

@media (max-width: 334px) {
    .carouselDimensions {
        position: relative;
        top: 160px;
    }

    .image-container img {
        height: 400px;
        object-fit: cover;
    }

    .text-overlay {
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    .hero1 .main-headding {
        padding-top: 90px;
    } }