@media (min-width: 30px) {
	.top .wp-block-group__inner-container, #scroll-container{height: 162px;overflow: hidden;}
		.scroll-container, #scroll{height: 162px; position: relative}
		.scroll-container img, #scroll img{position: absolute; top: -75px !important; display:block; width: 100%;  }	
	
	.top.short-image .wp-block-group__inner-container, .short-image #scroll-container{height: 84px;}
		.top.short-image .scroll-container, .short-image #scroll{height: 84px;}
		.top.short-image .scroll-container img, .short-image #scroll img{top: -45px !important;height: 84px;width:auto;}


	.top.short-image.no-parallax .wp-block-group__inner-container, .top.short-image .no-parallax, .top.short-image .no-parallax img {height: 128px;}
	
	.top{position: relative; overflow: hidden !important;;}
	.top h2{bottom: 0;  z-index: 10; position: absolute; width:100%; font-size: 1.5em !important; padding-left: 10px !important;}
	
}

@media (min-width: 480px) {}

@media (min-width: 640px) {
	.top .wp-block-group__inner-container, #scroll-container, #scroll{height:245px} 
	.scroll-container img, #scroll img{top:-85px;}

	}

@media (min-width: 768px) {
	.top .wp-block-group__inner-container, #scroll-container, #scroll{height:285px} 
	.scroll-container img, #scroll img{top: -110px;}

	.top.short-image .wp-block-group__inner-container, .short-image #scroll-container{height: 100px;}
	.top.short-image .scroll-container, .short-image #scroll{height: 100px;}
		.top.short-image .scroll-container img, .short-image #scroll img{top: -55px !important;height: 84px;width:auto;}

	
	.top.short-image .scroll-container img{width: 100%; height: auto;}
	.top h2, .top h1{font-size: 2em !important; padding-left: .5em !important;}

}

@media (min-width: 960px) {
	.top .wp-block-group__inner-container, #scroll-container, #scroll{height:345px;} 
	.scroll-container img, #scroll img{top: -135px !important;}

.short-image #scroll img{width: 100%; height: auto;}
	.top.short-image .scroll-container img{top:-10px !important;;}
	.top.short-image, .top.short-image .wp-block-group__inner-container{height: 175px;}


}


/*disable cover block cropping */
.custom-cover-image {
    /* Remove the default height set by the Gutenberg cover block */
    min-height: 0 !important;
    height: auto;
}

/* Maintain the aspect ratio of the background image */
.custom-cover-image::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* Adjust this value based on your image's aspect ratio (e.g., 16:9 -> 56.25%) */
	
}

/* Mobile devices (portrait and landscape) */
@media only screen and (max-width: 767px) {
    .custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }

    .custom-cover-image .wp-block-cover__inner-container {
        /* Center align the content */
        text-align: center;
        /* Position the inner container on top of the background image */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}