Replace Vincent's gallery photos and align the strip with the bio
New treatment-room photos for the four-image strip in the massage About-us block, cropped square at 800x800 to match the existing set (the block is flex, and a non-square crop leaves the strip visibly short against the bio) and stripped of EXIF. Each is the full 4284px frame width, with the vertical offset picked to hold both Vincent's face and the hands-on-client action. In pics 1 and 4 the subject is taller than the frame is wide, so the crop sacrifices the top of his hair rather than the treatment itself. Also corrects the strip's vertical alignment. The two columns were already align-items: flex-start and did start level; the offset came from the text, which is 13pt/1.75em and therefore carries 6.5px of half-leading above its first line, while an inline image starts flush at its box top. padding-top: 0.375em is exactly that half-leading. It is zeroed at the 480px breakpoint, where the container turns display:block and the strip no longer sits beside the text. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014wwCBWRnEZuorhv34FVUkY
@@ -3297,6 +3297,12 @@ input, select, textarea {
|
||||
text-align: right;
|
||||
/* was `margin: auto` - on a flex item that centres it on BOTH axes. */
|
||||
margin: 0;
|
||||
/* Optical alignment with the bio text. Both columns are flex-start, so
|
||||
their boxes DO start level - but body text is 13pt/1.75em, which puts
|
||||
6.5px of half-leading above the first line's glyphs, while an inline
|
||||
image starts flush at the box top. Without this the strip reads as
|
||||
sitting high. (1.75em - 1em) / 2 = 0.375em = that same 6.5px. */
|
||||
padding-top: 0.375em;
|
||||
|
||||
}
|
||||
|
||||
@@ -4488,7 +4494,9 @@ input, select, textarea {
|
||||
|
||||
.bemutatkozas-dolgozo{display: block;}
|
||||
.bem-dolgozo-bal {width: 100%;}
|
||||
.bem-dolgozo-jobb {width: 100%; float: none; text-align: center;}
|
||||
/* Container is display:block here, so the strip no longer sits
|
||||
beside the text and the half-leading correction is unwanted. */
|
||||
.bem-dolgozo-jobb {width: 100%; float: none; text-align: center; padding-top: 0;}
|
||||
|
||||
#czcategorylistblock .czcategorylist-wrapper .category_lists .one-half .category-content {width: 100%; }
|
||||
.one-half{width:100%; float: none;}
|
||||
|
||||
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 56 KiB |