/* Container do Bloco */
.hover-scroll-container {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #f0f0f0;
    /* Faz o container ser quadrado responsivamente */
    aspect-ratio: 1 / 1; 
}

/* Imagem */
.hover-scroll-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition-property: object-position;
    transition-timing-function: linear;
    display: block;
}

/* Efeito ao passar o mouse */
.hover-scroll-container:hover img {
    object-position: bottom;
}

/* Se não for link, remover o ponteiro de clique */
div.hover-scroll-container {
    cursor: default;
}

/* Se for link, colocar o ponteiro */
a.hover-scroll-container {
    cursor: pointer;
    text-decoration: none;
}

/* Estilo para o placeholder no editor */
.placeholder-info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #666;
    border: 2 dashed #ccc;
    text-align: center;
    padding: 20px;
}