.image-container {
    width: 100%; /* Puedes ajustar este valor según tus necesidades */
    padding-top: 75%; /* Esto establece la altura del contenedor como un 75% del ancho */
    position: relative;
    overflow: hidden;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Esto asegura que la imagen se ajuste al contenedor sin distorsión */
}