Deinen Eindruck, dass das Bild "über mich" verzogen ist, kann ich nicht teilen - sieht für mich ok aus.
Auch die Zahlen (Proportionen) zeigen mir, dass alles ok ist mit dem Bild.
Das Original ist 300px * 283px --- der Quotient also 1,06. Das Bild wird jedoch bei verschiedenen Bildschirmgrößen unterschiedlich skaliert, bis zu einer Größe von 444px * 419px --- also wieder ein Quotient von 1,06. Das Bild wird zwar durch die Skalierung (Anzeige größer als Original) etwas unscharf aber verzieht sich nicht... na ja, eine hübsche Frau kann sowieso nichts 'entstellen'.
Bei deinem Problem mit dem Tooltip (?alternativ Text der SocialMedia Icons?) kann ich dir nicht weiter helfen. Da hast du irgendein Tooltip-Plugin installiert, das diesen Hover-Effekt mit JavaScript erzeugt. Du müsstest da in den Einstellungen schauen, ob man es dort abschalten kann... oder, wenn es nur ein Plugin für diesen Tooltip ist, das Plugin deaktivieren.
Dein Slider... auch wieder so eine JavaScript Geschichte... aber mit dem folgenden CSS sollten zumindest die gröbsten Anzeigefehler (abschneiden der Bilder) vermieden werden.
@media screen and (max-width: 1199px) {
div.n2-ss-slide.n2-ss-canvas.n2-ow {
height: 252px !important;
}
.n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
height: 252px !important;
}
}
@media screen and (max-width: 992px) {
div.n2-ss-slide.n2-ss-canvas.n2-ow {
height: 187px !important;
}
.n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
height: 187px !important;
}
}
@media screen and (max-width: 768px) {
div.n2-ss-slide.n2-ss-canvas.n2-ow {
height: calc(82vw / 3.276) !important;
}
.n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
height: calc(82vw / 3.276) !important;
}
}
