strong > i {
    margin: 0px;
    vertical-align: middle;
}


.square-image {
  position: relative;
  width: 100%; /* O contêiner terá 100% da largura disponível */
  max-width: 1250px;
  max-height: 1250px;

  height: 0;
  padding-bottom: 100%; /* Define uma proporção quadrada com base na largura do contêiner */
  overflow: hidden; /* Oculta qualquer parte da imagem que exceda o tamanho definido */
}

.square-image img {
  position: absolute;
  width: 100%; /* A imagem preencherá todo o espaço disponível do contêiner */
  height: 100%; /* A imagem se ajustará proporcionalmente ao contêiner */
  object-fit: cover; /* Redimensiona a imagem para preencher completamente o contêiner */
}