.image-text-block .image-wrapper {
    width: 100%;
    height: 500px;
    max-width: 100%; /* Set max width as needed */
    aspect-ratio: 1 / 1; /* Enforces a square aspect ratio */
    overflow: hidden;
}

@media (max-width: 768px) {
    .image-text-block .image-wrapper {
        height: 230px;
    }
}

.image-text-block .block-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the square area */
    border: 1px solid #ccc;
}