Pues bien, el problema es que tengo un div con imágenes a tamaño 80x80px, a las que aplico la siguiente transición:

.galleryPhoto
{
  transition: transform 1s ease-in-out 0.1s;
  margin: 5px;
}
 
.galleryPhoto:hover
{
  transform: scale(3);
}
 

La idea es crear una especie de galería con miniaturas, de forma que al pasar el ratón por una imagen se haga más grande.

Pero este div está dentro de una section, y al ampliarse las fotos, estas aparecen cortadas en el límite de la section. Esto no sucede si le pongo la propiedad overflow como visible a la sección, pero quiero que esté en auto para poder poner texto y que aparezcan barras de desplazamiento en caso de necesidad (lo cual es más que probable).

Saludos.

Perdona, ¿puedes precisar eso un poco más?

El caso es que estas imágenes se agrandan al 300% de su tamaño. Y sí, lo que pasa es que el contenedor inmediatamente superior limita el tamaño de la imagen.

Lo que yo quiero es permitir que las imágenes sean escaladas y el overflow se vea por fuera del contenedor, pero no puedo renunciar a las barras de desplazamiento.

Al final he renunciado a las barras de desplazamiento y le he puesto la altura a auto, para que se adapte al tamaño del contenido.