// Fotos Quadradas
.img-square {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%; // Garante responsividade dentro do container
}

// Fotos na proporção 500 x 255
.img-prop-500-255 {
    aspect-ratio: 500 / 255;
    object-fit: cover;
    width: 100%;
}

// Círculo Perfeito 40x40px
.circle-40 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover; // Caso apliques diretamente numa tag <img>
    display: inline-flex;
    align-items: center;
    justify-content: center;
}